@font-face{font-family:Inter;src:url('/assets/fonts/Inter-400.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url('/assets/fonts/Inter-600.ttf') format('truetype');font-weight:600;font-display:swap}@font-face{font-family:Inter;src:url('/assets/fonts/Inter-700.ttf') format('truetype');font-weight:700;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.1;text-wrap:balance}a{color:inherit;text-underline-offset:5px}a,button{touch-action:manipulation}button,input{font:inherit}button{cursor:pointer;color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}img,video{display:block;width:100%;max-width:100%;height:auto}svg{display:block;max-width:100%;flex:none}a>svg,button>svg{width:19px;height:19px}.wrap{width:min(1240px,calc(100% - 80px));margin-inline:auto}.skip{position:absolute;top:-100px;left:20px;z-index:100;background:var(--ink);color:var(--paper);padding:10px 18px}.skip:focus{top:12px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:27px;font-weight:700;line-height:1;letter-spacing:-1.2px;text-decoration:none;white-space:nowrap}.brand img{width:30px;height:30px;min-width:30px;max-width:30px;object-fit:contain}.nav{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:96px}.navlinks{display:flex;align-items:center;gap:29px;font-size:12px}.navlinks a{display:inline-flex;min-height:44px;align-items:center;text-decoration:none}.navlinks a:hover{text-decoration:underline}.eyebrow{font:10px/1.6 'SFMono-Regular',Consolas,monospace;text-transform:uppercase;letter-spacing:.12em}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:52px;padding:13px 23px;border:1px solid transparent;text-decoration:none;font-size:13px;font-weight:600;background:var(--accent);color:var(--button-ink)}.button:hover{filter:brightness(.94)}.textlink{display:inline-flex;min-height:44px;align-items:center;gap:12px;font-size:13px}.actions{display:flex;align-items:center;gap:23px;flex-wrap:wrap}.fine{font-size:11px;line-height:1.8;color:var(--muted)}.body-copy{font-size:17px;line-height:1.85;color:var(--muted)}.body-copy p+p{margin-top:20px}.video-caption{display:flex;justify-content:space-between;align-items:flex-start;gap:25px;font-size:11px;line-height:1.8;color:var(--muted);margin-top:15px}.video-caption>span{max-width:650px}.media-status:empty{display:none}.media-status{font-size:11px;color:var(--muted);margin-top:12px}.faq{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line);padding:0}.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-size:16px;font-weight:600}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';font-weight:400;font-size:24px;line-height:1}.faq details[open] summary:after{content:'−'}.faq details p{max-width:800px;color:var(--muted);font-size:14px;padding:0 25px 23px 0;line-height:1.85}.site-footer{padding-block:35px;border-top:1px solid var(--line)}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:26px}.footer-row>div{display:flex;align-items:center;gap:23px;flex-wrap:wrap}.footer-row a,.footer-row span{font-size:11px}.footer-email{font-size:15px!important}.legal{max-width:760px;padding-block:70px 90px}.legal h1{font-size:54px;line-height:1.1;letter-spacing:-.05em;margin:20px 0 30px}.legal h2{font-size:25px;margin:35px 0 14px;letter-spacing:-.025em}.legal p,.legal li{font-size:16px;line-height:1.85;color:var(--muted)}.legal p+p{margin-top:15px}.legal a{overflow-wrap:anywhere}.section-label{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:35px;padding-top:22px;border-top:1px solid var(--line)}[hidden]{display:none!important}::selection{background:var(--accent);color:var(--button-ink)}
@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.navlinks{gap:20px}}
@media(max-width:720px){.wrap{width:calc(100% - 40px)}.nav{min-height:80px;gap:16px}.brand{font-size:25px}.brand img{width:27px;height:27px;min-width:27px;max-width:27px}.navlinks>a:not(.nav-email){display:none}.navlinks{gap:0}.nav-email{font-size:12px}.nav-email svg{width:15px;height:15px}.actions{gap:17px}.button{min-height:50px;padding:12px 19px;font-size:12px}.body-copy{font-size:16px}.video-caption{flex-direction:column;gap:7px;font-size:10px}.section-label{margin-bottom:26px;padding-top:17px}.section-label .eyebrow{font-size:9px}.faq summary{font-size:15px;padding-block:20px}.faq details p{font-size:13px}.footer-row{flex-direction:column;align-items:flex-start;gap:24px}.footer-row>div{gap:16px}.site-footer{padding-block:28px}.legal{padding-block:40px 60px}.legal h1{font-size:42px}.legal h2{font-size:24px}.legal p{font-size:15px}}
@media(max-width:359px){.wrap{width:calc(100% - 32px)}.brand{font-size:23px;gap:8px}.nav-email{font-size:11px}.brand img{width:25px;height:25px;min-width:25px;max-width:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

body{--paper:#111214;--ink:#f4f1eb;--muted:#a8a8a7;--line:#343538;--accent:#ff6546;--button-ink:#17191b}.site-header{border-bottom:1px solid var(--line)}.brand{font-size:29px;letter-spacing:-1.5px}.brand img{border-radius:7px}.nav-email{gap:12px;color:#e7e2da}.dt-intro{text-align:center;padding-block:65px 37px;max-width:1040px}.dt-intro>.eyebrow{color:#ff947e;margin-bottom:26px}.dt-intro h1{font-size:clamp(65px,7.8vw,106px);font-weight:600;line-height:1.02;letter-spacing:-.075em}.dt-intro h1>span{color:#ff8b72}.dt-intro .lead{font-size:18px;line-height:1.85;color:#b9b6b0;max-width:700px;margin:27px auto 30px}.dt-intro .actions{justify-content:center}.dt-intro .button{border-radius:8px}.dt-intro .fine{margin-top:19px;font-size:10px;color:#9c9d9d}.dt-film-section{max-width:1120px;padding-block:0 75px}.dt-browser-frame{border:1px solid #3c3d40;border-radius:13px;overflow:hidden;background:#09090a;box-shadow:0 30px 90px #0004}.dt-browser-bar{height:46px;display:flex;align-items:center;gap:7px;background:#1e1e20;border-bottom:1px solid #373738;padding:0 18px}.dt-browser-bar i{width:7px;height:7px;border:1px solid #5a5b5d;border-radius:50%;display:block}.dt-browser-bar>span{font:10px/1.6 Consolas,monospace;letter-spacing:.01em;color:#a3a3a4;margin:auto}.dt-browser-bar>b{font-size:9px;font-weight:400;color:#ff9a83;border:1px solid #6a493e;padding:3px 7px;border-radius:3px}.dt-browser-frame video{aspect-ratio:16/9;background:#0b0b0c}.dt-chapters{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);margin-top:22px;gap:22px}.dt-chapters button{text-align:left;padding:19px 0;border:0;border-top:1px solid #343538;background:transparent;color:#a5a6a8;font-size:13px;display:flex;justify-content:space-between;gap:20px;align-items:center}.dt-chapters button[aria-pressed=true]{border-top-color:#ff8c70;color:#f3eee7}.dt-chapters button>span{display:flex;align-items:center;gap:10px}.dt-chapters svg{color:#ff886d;width:15px;height:15px}.dt-film-caption{font-size:10px;color:#8f9399;line-height:1.85;margin-top:20px;max-width:800px}.dt-section{padding-block:85px}.dt-section-head{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:end;margin-bottom:43px}.dt-section-head h2{font-size:clamp(40px,4.5vw,61px);font-weight:600;letter-spacing:-.06em}.dt-section-head>p{font-size:16px;color:#a9acae;line-height:1.85;max-width:500px}.dt-problem-row{display:grid;grid-template-columns:.72fr 1.28fr;gap:75px;border-top:1px solid var(--line);padding:36px 0;align-items:start}.dt-problem-row>div:first-child{padding-top:9px}.dt-problem-row h3{font-size:29px;font-weight:600;letter-spacing:-.045em;margin:16px 0 18px}.dt-problem-row p{font-size:14px;line-height:1.85;color:#aaafb3;max-width:350px}.dt-problem-row .eyebrow{color:#ff967d;font-size:9px}.dt-problem-row figure{background:#0b0b0c;border:1px solid #33363a;border-radius:6px;overflow:hidden}.dt-problem-row img{aspect-ratio:16/9;object-fit:cover}.dt-problem-row .fine{font-size:10px;margin-top:10px}.dt-play{background:#f2eee7;color:#1c2328;padding-block:83px}.dt-play .eyebrow{color:#89614b;margin-bottom:25px}.dt-play-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px}.dt-play h2{font-size:clamp(49px,5.4vw,74px);font-weight:600;letter-spacing:-.065em;line-height:1.03}.dt-play h2>span{display:block;color:#ae4329}.dt-play-lead{margin-top:28px;color:#686c6c;font-size:16px;line-height:1.9;max-width:540px}.dt-play-control{display:flex;align-items:center;gap:15px;margin-top:30px;padding-top:24px;border-top:1px solid #d2ccc2;font-size:12px;color:#6f706b}.dt-play-control svg{width:34px;height:34px;border:1px solid #b2aaa0;padding:8px;border-radius:50%;color:#ae4329}.dt-work-rail{border-left:1px solid #c6bdb1;padding-left:28px;margin-top:6px}.dt-work-rail>article{position:relative;padding:0 0 33px}.dt-work-rail>article:before{content:'';position:absolute;left:-33px;top:5px;width:9px;height:9px;background:#f2eee7;border:1px solid #9f8676;border-radius:50%}.dt-work-rail h3{font-size:24px;font-weight:600;letter-spacing:-.035em;margin-bottom:12px}.dt-work-rail p{font-size:14px;color:#73736d;line-height:1.85}.dt-work-rail .fine{font-size:10px;color:#8d7d68;margin-top:15px}.dt-context{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}.dt-context h2{font-size:53px;font-weight:600;letter-spacing:-.06em;margin:22px 0}.dt-context>div>p:not(.eyebrow){color:#a6abb0;font-size:15px;line-height:1.9;max-width:500px}.dt-context-list{border-top:1px solid #394047}.dt-context-list>div{display:grid;grid-template-columns:130px 1fr;gap:20px;padding:21px 0;border-bottom:1px solid #394047;font-size:13px}.dt-context-list dt{color:#f0e8da}.dt-context-list dd{margin:0;color:#9da6ae}.dt-context .eyebrow{color:#a8b8d1}.dt-faq{padding-bottom:85px}.dt-faq h2{font-size:37px;font-weight:600;letter-spacing:-.045em;margin-bottom:30px}.dt-faq .fine{font-size:12px;margin-top:24px}.dt-faq .faq details p{color:#a4acb2}.site-footer{background:#0b0e11;color:#929ba4}
@media(max-width:1000px){.dt-section-head,.dt-problem-row,.dt-play-layout,.dt-context{gap:48px}.dt-intro h1{font-size:85px}.dt-problem-row h3{font-size:26px}.dt-context h2{font-size:45px}.dt-context-list>div{grid-template-columns:100px 1fr}}
@media(max-width:720px){.brand{font-size:27px}.dt-intro{padding-block:39px 30px;text-align:left}.dt-intro>.eyebrow{font-size:9px;margin-bottom:24px}.dt-intro h1{font-size:clamp(48px,12.7vw,72px);letter-spacing:-.07em}.dt-intro .lead{font-size:16px;margin:23px 0 25px;line-height:1.85}.dt-intro .actions{justify-content:flex-start}.dt-intro .fine{font-size:9px;line-height:1.9}.dt-film-section{padding-bottom:48px}.dt-browser-frame{border-radius:7px}.dt-browser-bar{height:34px;padding-inline:12px;gap:5px}.dt-browser-bar i{width:5px;height:5px}.dt-browser-bar>span{font-size:8px}.dt-browser-bar>b{font-size:7px;padding:2px 4px}.dt-chapters{gap:12px;margin-top:17px}.dt-chapters button{font-size:10px;line-height:1.6;gap:5px;padding:14px 0;align-items:flex-start}.dt-chapters button>span{gap:6px}.dt-chapters button>svg{display:none}.dt-chapters svg{width:12px;height:12px}.dt-film-caption{font-size:9px;margin-top:17px}.dt-section{padding-block:52px}.dt-section-head{grid-template-columns:1fr;gap:24px;margin-bottom:28px}.dt-section-head h2{font-size:39px}.dt-section-head>p{font-size:15px}.dt-problem-row{grid-template-columns:1fr;gap:24px;padding:28px 0}.dt-problem-row>div:first-child{padding:0}.dt-problem-row h3{font-size:27px;margin:13px 0 15px}.dt-problem-row p{font-size:14px;max-width:100%}.dt-problem-row .fine{font-size:9px}.dt-play{padding-block:53px}.dt-play-layout{grid-template-columns:1fr;gap:40px}.dt-play h2{font-size:49px}.dt-play-lead{font-size:15px;margin-top:23px}.dt-play-control{font-size:11px;margin-top:24px}.dt-work-rail{padding-left:23px;margin-left:4px}.dt-work-rail>article:before{left:-28px}.dt-work-rail h3{font-size:23px}.dt-work-rail p{font-size:14px}.dt-context{grid-template-columns:1fr;gap:27px}.dt-context h2{font-size:40px;margin:17px 0 22px}.dt-context>div>p:not(.eyebrow){font-size:14px}.dt-context-list{margin:0}.dt-context-list>div{grid-template-columns:97px 1fr;gap:17px;font-size:12px;padding-block:18px}.dt-faq{padding-bottom:54px}.dt-faq h2{font-size:33px;margin-bottom:25px}.dt-faq .fine{font-size:11px}}

.film-shell{position:relative;aspect-ratio:16/9;background:#101315;overflow:hidden;border:1px solid #ffffff25}.film-shell video{display:block;width:100%;height:100%;aspect-ratio:16/9;object-fit:contain;margin:0;background:#101315}.film-caption{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin-top:12px;font-size:11px;line-height:1.7;color:var(--muted,#939c95)}.film-caption a{flex-shrink:0;text-underline-offset:3px}.film-credits{padding-block:0 35px}.film-credits details{border-top:1px solid var(--line)}.film-credits summary{padding-block:15px;font-size:12px;cursor:pointer}.film-credits p{font-size:12px;line-height:1.85;color:var(--muted);max-width:900px;margin:0 0 12px}.film-credits a{text-decoration:underline;text-underline-offset:3px}.media-status:empty{display:none}
@media(max-width:600px){.film-caption{font-size:10px;gap:12px}.film-credits{padding-bottom:25px}}

.dt-launch-hero{display:grid;grid-template-columns:1fr 1.05fr;gap:64px;align-items:center;padding-block:70px 85px}.dt-launch-hero .eyebrow{color:#e69d87;margin-bottom:28px}.dt-launch-hero h1{font-size:clamp(56px,5.7vw,79px);line-height:1.02;letter-spacing:-.057em;max-width:650px}.dt-launch-hero h1 span{color:#ffa18a}.dt-launch-lead{font-size:16px;line-height:1.85;color:#b9bdb8;margin-top:27px;max-width:540px}.dt-launch-hero .actions{gap:19px;margin-top:28px}.dt-launch-hero .button{font-size:12px}.dt-launch-hero .textlink{font-size:12px}.dt-development{margin-top:22px;font:10px/1.6 Consolas,monospace;letter-spacing:.08em;text-transform:uppercase;color:#9ca59b}.dt-launch-hero figure{min-width:0}.dt-launch-hero .film-shell{border-radius:10px;border-color:#404644}.dt-play-new{background:#f1eee7;color:#181b1e;padding-block:78px}.dt-play-intro{display:grid;grid-template-columns:1fr 1fr;gap:105px;align-items:end;margin-bottom:41px}.dt-play-intro .eyebrow{color:#946048;margin-bottom:22px}.dt-play-intro h2{font-size:clamp(42px,4.7vw,65px);line-height:1.02;letter-spacing:-.045em}.dt-play-intro>p{font-size:15px;line-height:1.9;color:#6c7075}.play-lab{background:#fbfaf7;border:1px solid #d2cec6}.play-lab-heading{display:flex;align-items:center;justify-content:space-between;padding:22px 28px;border-bottom:1px solid #d7d2ca;gap:20px}.play-lab-heading span{font-size:11px;color:#6c756a}.play-lab-heading .eyebrow{color:#8c5038}.play-lab-grid{display:grid;grid-template-columns:.8fr 1.4fr;min-height:365px}.play-lab-tabs{padding:20px;border-right:1px solid #d7d2ca;display:grid;align-content:start;gap:6px}.play-lab-tabs button{border:0;background:transparent;display:flex;gap:13px;align-items:center;min-height:53px;padding:10px 15px;text-align:left;font-size:13px;color:#555b61}.play-lab-tabs button span{font:10px/1.5 Consolas,monospace;color:#89847e}.play-lab-tabs button[aria-selected=true]{background:#f2795e;color:#17191d;border-radius:4px}.play-lab-tabs button[aria-selected=true] span{color:#783b2c}.play-lab-panels{padding:39px 43px;min-width:0}.play-lab-panels .eyebrow{color:#9c5f46;margin-bottom:19px}.play-lab-panels h3{font-size:29px;line-height:1.15;letter-spacing:-.027em;max-width:610px;margin-bottom:25px}.play-lab-panels p{font-size:14px;line-height:1.9;color:#666b70;max-width:580px}.play-lab-panels dl{margin:0}.play-lab-panels dl>div{display:grid;grid-template-columns:110px 1fr;gap:20px;border-top:1px solid #dedad1;padding:15px 0;font-size:12px}.play-lab-panels dt{color:#6d747a}.play-lab-panels dd{margin:0;color:#252c31}.play-lab-note{margin-top:20px;font-size:11px!important}.play-comparison p{padding:16px 0;border-top:1px solid #dedad1;font-size:17px}.play-comparison p span{display:block;font:10px/1.6 Consolas,monospace;color:#986343;margin-bottom:9px;text-transform:uppercase}.dt-context-new{padding-block:80px;background:#17202c}.dt-context-new-grid{display:grid;grid-template-columns:1fr 1fr;gap:105px;align-items:center}.dt-context-new .eyebrow{color:#e0a68c;margin-bottom:25px}.dt-context-new h2{font-size:clamp(43px,5vw,68px);line-height:1.02;letter-spacing:-.045em;margin-bottom:25px}.dt-context-new p{font-size:15px;line-height:1.9;color:#bcc6d2;max-width:490px}.context-packet{background:#f3f0e7;color:#25313c;border-radius:7px;padding:32px}.context-packet-top{display:flex;align-items:center;justify-content:space-between;font:10px/1.6 Consolas,monospace;color:#777d88;margin-bottom:21px}.context-packet-top svg{width:27px;height:27px}.context-packet>p{font-size:14px;color:#283845;padding:16px 0;border-top:1px solid #d4d6d6}.context-destination{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #d4d6d6;padding-top:18px;font-size:10px;color:#707b87}.context-destination svg{width:17px;height:17px}
@media(max-width:1050px){.dt-launch-hero{gap:35px}.dt-launch-hero .actions{align-items:flex-start;flex-direction:column}.dt-play-intro,.dt-context-new-grid{gap:45px}}@media(max-width:720px){.dt-launch-hero{grid-template-columns:1fr;padding-block:42px 53px;gap:32px}.dt-launch-hero h1{font-size:clamp(49px,11.5vw,76px)}.dt-launch-lead{font-size:15px}.dt-launch-hero .eyebrow{margin-bottom:24px}.dt-play-new,.dt-context-new{padding-block:52px}.dt-play-intro,.dt-context-new-grid{grid-template-columns:1fr;gap:27px}.dt-play-intro h2,.dt-context-new h2{font-size:42px}.play-lab-heading{padding:19px 20px;align-items:start}.play-lab-heading span{max-width:100px;font-size:10px;text-align:right}.play-lab-grid{grid-template-columns:1fr}.play-lab-tabs{border-right:0;border-bottom:1px solid #d7d2ca;grid-template-columns:1fr 1fr;padding:12px;gap:5px}.play-lab-tabs button{font-size:11px;padding:8px 9px;gap:7px;min-height:45px}.play-lab-panels{padding:26px 22px;min-height:335px}.play-lab-panels h3{font-size:25px}.play-lab-panels dl>div{grid-template-columns:75px 1fr;font-size:11px;gap:15px}.context-packet{padding:25px}.dt-context-new p{font-size:14px}}
.dotino .dotino

/* Independent user advocacy, with automatic help as one part of the product. */
.dt-advocacy-section{padding-block:76px;background:#ece8e0;color:#191c20}.dt-advocacy-intro{display:grid;grid-template-columns:1fr 1fr;gap:86px;align-items:end}.dt-advocacy-intro .eyebrow{color:#99523d;margin-bottom:23px}.dt-advocacy-intro h2,.dt-auto-grid h2{font-size:clamp(40px,4.3vw,58px);line-height:1.06;letter-spacing:-.047em}.dt-advocacy-intro>p{font-size:15px;line-height:1.9;color:#65686b}.dt-advocacy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px;margin-top:49px}.dt-feature-word{display:block;color:#ad492f;font-size:34px;font-weight:600;letter-spacing:-.035em;margin-bottom:20px}.dt-advocacy-grid h3{font-size:20px;line-height:1.35;letter-spacing:-.025em;margin-bottom:15px;max-width:300px}.dt-advocacy-grid p{font-size:14px;line-height:1.85;color:#696c6d;max-width:335px}.dt-examples{padding-block:78px}.dt-examples .dt-section-head{align-items:end}.dt-examples .dt-section-head .eyebrow{color:#dd927a;margin-bottom:20px}.dt-case-tabs{border:1px solid #393b40;border-radius:8px;overflow:hidden;background:#151719}.dt-case-tabs [role=tablist]{display:flex;flex-wrap:wrap;gap:10px;padding:22px 26px}.dt-case-tabs [role=tab]{padding:12px 17px;border:1px solid #4b4e52;border-radius:4px;background:transparent;color:#c6c8c9;font:500 12px/1.4 Inter,Arial,sans-serif;min-height:44px}.dt-case-tabs [role=tab][aria-selected=true]{background:#ee856b;color:#191c20;border-color:#ee856b}.dt-case-tabs [role=tabpanel]{padding:23px 33px 35px;display:grid;grid-template-columns:1fr 1.1fr;gap:53px;align-items:center;min-height:330px}.dt-case-tabs [role=tabpanel][hidden]{display:none}.dt-case-tabs [role=tabpanel] .eyebrow{color:#ec9a81;margin-bottom:21px;font-size:9px}.dt-case-tabs h3{font-size:34px;line-height:1.08;letter-spacing:-.035em;margin-bottom:22px}.dt-case-tabs [role=tabpanel]>div>p:not(.eyebrow){font-size:14px;line-height:1.85;color:#a8afb5;max-width:450px}.dt-before-after{display:grid;gap:14px}.dt-before-after>div{padding:22px 25px;background:#22252a;border-radius:5px}.dt-before-after>div+div{background:#f0e9de;color:#1c2024}.dt-before-after span{display:block;font:9px/1.6 Consolas,monospace;letter-spacing:.07em;text-transform:uppercase;color:#d49a85;margin-bottom:11px}.dt-before-after>div+div span{color:#99583e}.dt-before-after p{font-size:20px;line-height:1.45;letter-spacing:-.02em}.dt-before-after small{display:block;margin-top:12px;font-size:11px;line-height:1.7;color:#adb2b7}.dt-before-after>div+div small{color:#6b6d6c}.dt-before-after a{text-decoration:underline;text-underline-offset:3px}.dt-auto-section{padding-block:76px;background:#e4dfd6;color:#1a1e22}.dt-auto-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.dt-auto-grid .eyebrow{color:#94553f;margin-bottom:23px}.dt-auto-grid>div>p:not(.eyebrow){font-size:15px;line-height:1.9;color:#65696d;margin-top:24px;max-width:510px}.dt-auto-preview{padding:29px 32px;background:#171c24;color:#f4efe5;border-radius:8px;min-width:0}.dt-auto-preview-top{display:flex;justify-content:space-between;gap:20px;font:9px/1.6 Consolas,monospace;text-transform:uppercase;letter-spacing:.05em;color:#ee9b80;margin-bottom:30px}.dt-auto-preview-top span+span{color:#8d9aa8}.dt-auto-preview ol{list-style:none;padding:0;margin:0;display:grid;gap:24px}.dt-auto-preview li b{display:block;font-size:17px;font-weight:600;margin-bottom:9px}.dt-auto-preview li span{font-size:13px;line-height:1.8;color:#aab6c3;display:block;max-width:370px}.dt-auto-controls{display:flex;gap:20px;align-items:center;margin-top:28px;padding-top:22px;border-top:1px solid #414b58}.dt-play-label{display:inline-flex;gap:9px;align-items:center;padding:10px 17px;background:#f18b70;color:#171c24;font-size:12px;font-weight:600;border-radius:4px;flex-shrink:0}.dt-play-label svg{width:15px;height:15px}.dt-auto-controls>span+span{font-size:10px;line-height:1.7;color:#a8b4c2}.dt-auto-preview figcaption{font-size:10px;color:#8f9ba8;margin-top:18px}.dt-proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:31px}.dt-proof-grid figure{margin:0;min-width:0}.dt-proof-grid img{width:100%;aspect-ratio:16/9;object-fit:contain;border:1px solid #3b4147;border-radius:4px;background:#151719}.dt-proof-grid figcaption{font-size:10px;line-height:1.8;color:#949ea7;margin-top:13px;max-width:470px}
@media(max-width:950px){.dt-advocacy-intro,.dt-auto-grid{gap:43px}.dt-advocacy-grid{gap:27px}.dt-case-tabs [role=tabpanel]{gap:30px;padding:22px 26px 30px}.dt-before-after p{font-size:18px}.dt-case-tabs h3{font-size:30px}.dt-auto-preview{padding:25px}.dt-advocacy-intro h2,.dt-auto-grid h2{font-size:43px}}
@media(max-width:720px){.dt-advocacy-section,.dt-examples,.dt-auto-section{padding-block:52px}.dt-advocacy-intro,.dt-auto-grid,.dt-case-tabs [role=tabpanel],.dt-proof-grid{grid-template-columns:1fr;gap:27px}.dt-advocacy-intro h2,.dt-auto-grid h2{font-size:39px}.dt-advocacy-intro>p{font-size:14px}.dt-advocacy-grid{grid-template-columns:1fr;gap:28px;margin-top:33px}.dt-feature-word{font-size:29px;margin-bottom:11px}.dt-advocacy-grid h3{font-size:21px;margin-bottom:10px;max-width:none}.dt-advocacy-grid p{max-width:none}.dt-case-tabs [role=tablist]{padding:17px 18px;gap:8px}.dt-case-tabs [role=tab]{font-size:11px;padding:10px 12px}.dt-case-tabs [role=tabpanel]{padding:18px 22px 26px}.dt-case-tabs h3{font-size:30px;margin-bottom:18px}.dt-before-after>div{padding:21px}.dt-auto-grid>div>p:not(.eyebrow){font-size:14px}.dt-auto-preview{padding:24px}.dt-auto-preview-top{font-size:8px;gap:15px}.dt-proof-grid{gap:29px}}


.film-note{display:flex;flex-direction:column;gap:4px;min-width:0}.film-note a{align-self:flex-start}
/* The preview is one accessible play target; its icon stays centered. */
.film-shell>.film-play{position:absolute;inset:0;display:grid;place-items:center;width:100%;height:100%;min-height:44px;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:#fff;cursor:pointer;box-shadow:none;z-index:2}
.film-shell>.film-play svg{display:block;box-sizing:border-box;width:76px;height:76px;max-width:none;padding:23px;border:2px solid #ffffffe0;border-radius:50%;background:#11261fda;color:#fff;box-shadow:0 5px 28px #0004;transition:background .15s ease,transform .15s ease}
.film-shell>.film-play span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.film-shell>.film-play:hover{background:transparent}.film-shell>.film-play:hover svg{background:#1b4636;transform:scale(1.05)}
.film-shell>.film-play:focus-visible{outline:3px solid #f4cb7d;outline-offset:-5px}.film-shell>.film-play:focus-visible svg{outline:3px solid #fff;outline-offset:4px;box-shadow:0 0 0 9px #10271f}.film-shell>.film-play[hidden]{display:none}
@media(max-width:600px){.film-shell>.film-play svg{width:62px;height:62px;padding:18px}}
@media(prefers-reduced-motion:reduce){.film-shell>.film-play svg{transition:none}.film-shell>.film-play:hover svg{transform:none}}

/* Keep the new counterweight headline deliberate at desktop and tablet widths. */
.dotino .dt-launch-hero h1{font-size:clamp(42px,4.9vw,64px);line-height:1.07;letter-spacing:-.055em}
@media(max-width:900px){.dotino .dt-launch-hero{grid-template-columns:1fr;gap:34px}.dotino .dt-launch-hero h1{font-size:clamp(42px,7vw,64px)}}
@media(max-width:720px){.dotino .dt-launch-hero h1{font-size:clamp(36px,9.5vw,54px)}}

/* Owner-selected boba identity, paired with the existing advocacy story. */
.dotino .brand.dt-boba-brand{padding:8px 12px;background:#fff8ef;border-radius:12px;letter-spacing:0;line-height:1;flex-shrink:0}
.dotino .brand .dt-wordmark{width:158px;height:auto;min-width:0;max-width:none;border-radius:0;object-fit:contain}
.dotino .dt-hero-brand{display:flex;align-items:center;gap:18px;margin-bottom:24px}
.dotino .dt-hero-brand .dt-boba-mascot{width:86px;height:86px;flex:none;object-fit:contain}
.dotino .dt-hero-brand .eyebrow{margin:0;max-width:200px;line-height:1.8}
@media(max-width:720px){.dotino .brand.dt-boba-brand{padding:7px 10px;border-radius:10px}.dotino .brand .dt-wordmark{width:133px}.dotino .dt-hero-brand{gap:15px;margin-bottom:20px}.dotino .dt-hero-brand .dt-boba-mascot{width:72px;height:72px}.dotino .dt-hero-brand .eyebrow{font-size:9px;max-width:180px}}

/* Disclosure controls: stable end-aligned indicators and comfortable touch spacing. */
.film-credits details+details{margin-top:14px}.film-credits summary{display:flex;align-items:center;justify-content:space-between;gap:24px;list-style:none;min-height:56px;padding:18px 0;line-height:1.5}.film-credits summary::-webkit-details-marker{display:none}.film-credits summary::after{content:'';display:block;flex:0 0 8px;width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin:0 5px 5px 12px}.film-credits details[open]>summary::after{transform:rotate(225deg);margin-top:5px;margin-bottom:0}.film-credits details[open]>summary{padding-bottom:22px}.film-credits p{margin:0 0 18px;line-height:1.9}.film-credits{padding-top:24px;padding-bottom:48px}.faq summary{gap:28px;line-height:1.45;padding-block:24px}.faq summary::after{flex:0 0 20px;text-align:center;margin-left:12px}.faq details[open] p{padding-bottom:26px}.film-caption{margin-top:16px;line-height:1.8}.section-label{margin-bottom:40px}.footer-row{row-gap:24px}.footer-row>div{row-gap:14px}
@media(max-width:720px){.film-credits{padding-top:20px;padding-bottom:36px}.film-credits summary{gap:22px;padding-block:19px;font-size:13px}.film-credits details+details{margin-top:10px}.film-credits p{font-size:12px}.faq summary{gap:22px;padding-block:22px}.film-caption{margin-top:14px}.section-label{margin-bottom:30px}}

/* Transparent approved lockup and a warmer boba palette. */
body.dotino{--accent:#ff8e7b;--button-ink:#2d201c}.dotino .brand.dt-boba-brand{background:transparent;padding:0;border-radius:0}.dotino .brand .dt-wordmark{width:180px;height:auto}.dotino .dt-hero-brand{gap:20px;margin-bottom:28px}.dotino .dt-launch-lead{max-width:560px}.dotino .dt-context-new{padding-bottom:84px}.dotino .dt-faq{padding-top:60px}.dotino .dt-auto-section .dt-play-label{background:#ff9c87}.dotino .film-play svg{background:#51352eda}
@media(max-width:720px){.dotino .brand.dt-boba-brand{padding:0;background:transparent}.dotino .brand .dt-wordmark{width:156px}.dotino .dt-hero-brand{gap:17px;margin-bottom:24px}.dotino .dt-context-new{padding-bottom:56px}.dotino .dt-faq{padding-top:38px}}

summary>.disclosure-label{min-width:0;line-height:1.5}

/* Keep the poster and a readable state visible while media starts. */
.film-shell>.film-play.is-loading{pointer-events:none}
.film-shell>.film-play.is-loading svg{border-top-color:transparent;animation:film-loading-spin .9s linear infinite}
.film-shell>.film-play.is-loading svg path{opacity:0}
.film-shell>.film-play.is-loading span{position:absolute;top:calc(50% + 48px);left:10%;width:80%;height:auto;margin:0;padding:5px 9px;clip-path:none;overflow:visible;white-space:normal;text-align:center;font-size:14px;color:white;background:#14221ee6;border-radius:5px}
@keyframes film-loading-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.film-shell>.film-play.is-loading svg{animation:none}}

/* Model roles stay distinct and readable without crossed connector lines. */
.dt-model-network{padding:28px;border:1px solid #51443e;border-radius:16px;background:#19191a}.dt-model-network>.mini-label{margin:0 0 24px;color:#e9b4a4}.dt-model-roles{display:grid;gap:16px;list-style:none;margin:0;padding:0}.dt-model-roles li{position:relative;display:grid;grid-template-columns:124px 1fr;column-gap:24px;padding:22px;background:#232022;border:1px solid #4a3b37;border-radius:10px}.dt-model-roles li>span{grid-row:1 / span 3;color:#ffab97;font-size:11px;letter-spacing:.08em;line-height:1.7;padding-top:5px}.dt-model-roles h3{margin:0 0 10px;font-size:23px;line-height:1.3;color:#fff3e4}.dt-model-roles p{margin:0 0 12px;font-size:14px;line-height:1.75;color:#c5bdb4}.dt-model-roles small{color:#c3a796;font-size:12px;line-height:1.7}.dt-model-context{margin:24px 0 18px;padding-top:22px;border-top:1px solid #51443e;font-size:15px;line-height:1.8;color:#e9d8c6}.dt-model-network .ui-caption{font-size:11px;line-height:1.7}.dt-model-caption{color:#f0b49f}.dt-auto-grid{align-items:start}
@media(max-width:720px){.dt-model-network{padding:20px}.dt-model-roles li{display:block;padding:20px}.dt-model-roles li>span{display:block;margin-bottom:12px;padding:0}.dt-model-roles h3{font-size:21px}.dt-model-roles p{font-size:14px}.dt-model-roles small{display:block}.dt-model-context{font-size:14px}}

.dotino .dt-auto-section .dt-model-network>.mini-label{color:#e9b4a4;font-size:11px;line-height:1.6;margin:0 0 24px}.dotino .dt-auto-section .dt-model-network .dt-model-context{color:#e9d8c6;font-size:14px;line-height:1.8;margin:24px 0 18px}.dotino .dt-auto-section .dt-model-network .ui-caption{color:#baada2;font-size:11px;line-height:1.7;margin:0}.dt-model-roles li{grid-template-columns:90px 1fr;column-gap:22px}.dt-model-roles h3{font-size:22px}

.dt-company-vision{padding-block:85px 35px}.dt-company-vision>div:first-child{display:grid;grid-template-columns:1fr 1fr;gap:20px 80px}.dt-company-vision .eyebrow{grid-column:1/-1}.dt-company-vision h2{font-size:clamp(34px,4vw,55px);font-weight:450;line-height:1.13;letter-spacing:-.04em}.dt-company-vision>div:first-child>p:last-child{font-size:18px;color:var(--muted);line-height:1.8}.dt-company-capabilities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:44px}.dt-company-capabilities article{border-top:1px solid var(--line);padding-top:25px}.dt-company-capabilities span{font-size:10px;letter-spacing:.1em;color:var(--accent)}.dt-company-capabilities h3{font-size:24px;font-weight:450;margin:20px 0}.dt-company-capabilities p{font-size:15px;line-height:1.8;color:var(--muted)}.dt-company-note{font-size:12px;color:var(--muted);margin-top:30px;max-width:800px}@media(max-width:700px){.dt-company-vision{padding-top:55px}.dt-company-vision>div:first-child,.dt-company-capabilities{grid-template-columns:1fr;gap:25px}.dt-company-vision .eyebrow{grid-column:auto}}