/* Hover requires a precise hovering input, preventing sticky touch states.
   Selected and keyboard-focus states remain available on every input. */
:root{--bg:#f8f8f8;--ink:#191919;--muted:#777;--line:rgba(0,0,0,.09);--blue:#356bac}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;font-size:16px}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2{font-weight:400;letter-spacing:-.035em;line-height:1.055}h1{font-size:40px}h2{font-size:32px}h3{font-weight:400;letter-spacing:-.025em}p{line-height:1.5;color:var(--muted)}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #356bac;outline-offset:5px}section[id],article[id]{scroll-margin-top:30px}[hidden]{display:none!important}.section-shell{max-width:1400px;margin-left:auto;margin-right:auto;padding-left:76px;padding-right:76px}.header{height:64px;position:sticky;top:0;background:rgba(248,248,248,.94);backdrop-filter:blur(12px);z-index:20;border-bottom:1px solid transparent}.nav-shell{max-width:1400px;height:100%;padding:0 60px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:22px;font-weight:500;letter-spacing:-.8px;display:inline-flex;align-items:center;gap:8px}.brand img{filter:grayscale(1) brightness(.25)}.desktop-nav{display:flex;align-items:center;gap:26px;font-size:13px}.desktop-nav a{transition:color .2s}@media (hover: hover) and (pointer: fine){.desktop-nav a:hover,.quiet-link:hover{color:#888}}.desktop-nav span{padding-left:5px;color:#777}.header-actions{display:flex;align-items:center;gap:20px}.quiet-link{font-size:13px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:#000;color:white;border:1px solid #000;border-radius:100px;min-height:42px;padding:11px 18px;font-size:13px;line-height:18px;transition:none!important}@media (hover: hover) and (pointer: fine){.button:hover{opacity:.8}}.button span{font-size:16px}.button.secondary{color:var(--ink);background:transparent;border-color:#bfbfbf}@media (hover: hover) and (pointer: fine){.button.secondary:hover{background:rgba(0,0,0,.06);opacity:1}}.button.small{min-height:34px;padding:6px 14px;font-size:12px;gap:20px}.menu-toggle{display:none;border:0;background:transparent;font-size:22px}.mobile-nav{position:absolute;top:64px;width:100%;padding:20px 25px;background:#f8f8f8;border-bottom:1px solid #ddd}.mobile-nav a{display:block;padding:12px}.skip{position:fixed;left:16px;top:-80px;z-index:1000;background:#191919;color:white;padding:12px}.skip:focus{top:8px}.hero{padding-top:73px;position:relative;overflow:hidden}.hero-copy{position:relative;z-index:2}.hero-copy h1{max-width:600px}.hero-copy p{margin-top:16px;font-size:16px;max-width:490px;line-height:1.4}.actions{display:flex;gap:12px;margin-top:24px}.hero-stage{position:relative;margin-top:98px;height:534px}.hero-app{position:absolute;top:0;left:0;width:calc(100% - 8px);overflow:hidden;border:1px solid #d7d7d7;border-radius:7px;box-shadow:0 20px 45px #00000012;background:white}.app-titlebar{height:33px;display:flex;justify-content:space-between;align-items:center;padding:0 12px;background:#f2f2f2;font-size:10px;border-bottom:1px solid #e7e7e7;color:#676767}.traffic{display:flex;gap:5px}.traffic i{width:7px;height:7px;border-radius:50%;background:#d8d8d8}.traffic i:first-child{background:#eb9c96}.traffic i:nth-child(2){background:#e8cc88}.traffic i:nth-child(3){background:#a8c3a1}.recording{display:flex;gap:5px;align-items:center}.recording i{height:4px;width:4px;border-radius:50%;background:#79a08a}.app-navigation{height:37px;display:flex;gap:21px;align-items:center;padding:0 18px;background:#fcfcfc;font-size:10px;color:#8a8a8a;border-bottom:1px solid #eee}.app-navigation .active{color:#191919}.app-today{margin-left:auto}.app-today span{margin-left:18px;color:#aaa}.hero-app>img{width:100%}.hero-note{position:absolute;z-index:3;top:40px;right:20px;width:325px;background:rgba(255,255,255,.98);border:1px solid #dedede;border-radius:8px;box-shadow:0 16px 40px #00000012;padding:21px}.note-heading{display:flex;align-items:center;gap:9px;font-size:11px;color:#686868}.note-heading>span:last-child{margin-left:auto}.note-heading img{filter:grayscale(1)}.hero-note>p{font-size:25px;color:#242424;letter-spacing:-.7px;line-height:1.15;margin-top:24px}.note-sub{font-size:10px;color:#aaa;display:block;margin-top:9px}.note-divider{height:1px;background:#eee;margin:25px 0 16px}.note-row{display:flex;justify-content:space-between;align-items:center;font-size:10px}.note-row>span{display:flex;align-items:center;gap:5px}.note-row strong{font-weight:400}.dot{width:5px;height:5px;border-radius:50%;display:inline-block}.blue{background:#6688d4}.note-bar{display:flex;height:5px;border-radius:4px;overflow:hidden;margin-top:15px}.note-bar i:nth-child(1){background:#708fcf;width:53%}.note-bar i:nth-child(2){background:#c9afdc;width:18%}.note-bar i:nth-child(3){background:#82b8a7;width:16%}.note-bar i:nth-child(4){background:#dda387;width:13%}.note-bottom{display:flex;justify-content:space-between;margin-top:32px;color:#9c9c9c;font-size:10px}.archive-art{position:absolute;inset:-205px -80px -45px;pointer-events:none;opacity:.5;overflow:hidden;mask-image:linear-gradient(to bottom,transparent,black 25%,black 80%,transparent)}.archive-sheet{position:absolute;color:#686454;background:#eae8df;border:1px solid #dad8ce;padding:25px;font-family:Georgia,serif}.archive-sheet>span{font-size:9px;letter-spacing:2px}.archive-sheet small{display:block;text-align:center;font-size:7px;letter-spacing:1px}.sheet-one{width:390px;height:440px;right:115px;top:10px;transform:rotate(12deg)}.sheet-two{width:320px;height:420px;left:-60px;top:170px;transform:rotate(-14deg)}.orbit{position:relative;margin:55px auto;width:240px;height:240px;border-radius:50%;border:1px solid #a8a28a;background:repeating-conic-gradient(from 0deg,#7772 0deg 1deg,transparent 1deg 15deg)}.orbit:after,.orbit:before{content:'';position:absolute;inset:25px;border-radius:50%;border:1px solid #a8a28a}.orbit:after{inset:80px;background:#b0a89444}.orbit i{position:absolute;left:50%;top:0;height:100%;width:1px;background:#9c978977}.orbit i:nth-child(2){transform:rotate(35deg)}.orbit i:nth-child(3){transform:rotate(70deg)}.orbit i:nth-child(4){transform:rotate(110deg)}.orbit i:nth-child(5){transform:rotate(145deg)}.wave-lines{height:240px;margin:30px 0;background:repeating-radial-gradient(ellipse at 0 50%,transparent 0 11px,#9e998333 12px 13px)}.demo-caption{font-size:10px;color:#999;text-align:right;position:relative;margin:22px 0 40px}.capability-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-height:88px}.capability-strip>.section-shell{min-height:88px;display:flex;gap:24px;align-items:center;justify-content:space-between}.capability-strip span{font-size:11px;line-height:1.4;color:#888}.capability-strip div>div{font-size:20px;letter-spacing:-.65px}.product-section{padding-top:70px}.product-section>h2{margin-bottom:36px}.feature-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:8px;row-gap:45px}.feature{grid-column:span 2;min-width:0}.feature-large{grid-column:span 3}.feature-art{display:block;aspect-ratio:4/3;background:#efeeeb;position:relative;overflow:hidden;border:1px solid #e8e7e4}.feature>h3{font-size:20px;line-height:1.2;margin:20px 14px 9px 0}.feature>p{font-size:14px;line-height:1.45;max-width:44ch;padding-right:20px}.mini-window{background:#fff;border:1px solid #dadada;border-radius:5px;overflow:hidden;box-shadow:0 12px 26px #0000000d}.feature-large .mini-window{position:absolute;width:110%;top:23%;left:9%;transform:rotate(-3deg)}.feature-large .mini-window img{width:100%}.mini-title{font-size:10px;height:30px;background:#fafafa;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between;padding:0 12px;color:#777}.art-arrow{position:absolute;right:15px;bottom:15px;background:#fff9;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;font-size:16px}@media (hover: hover) and (pointer: fine){.feature-art:hover .art-arrow{background:white;transform:translate(1px,-1px)}}.timeline-art{background:#e9e9e5}.paper-lines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 22px,#cdcdc522 22px 23px);transform:rotate(-12deg) scale(1.5)}.recap-art{background:#e6e9ec}.recap-art .mini-window{width:97%;top:14%;left:12%;transform:rotate(4deg)}.chat-art{padding:21% 8%;background:#eeece7}.chat-bubble{border-radius:12px;padding:13px 16px;font-size:11px;line-height:1.4;background:white;box-shadow:0 2px 8px #00000005}.question{margin-left:auto;max-width:max-content;background:#e4e3e0;border:1px solid #dbdad6}.chat-answer{background:white;border:1px solid #ddd;padding:16px 12px;display:flex;gap:10px;border-radius:6px;margin-top:13px;font-size:10px;line-height:1.6;box-shadow:0 8px 15px #00000008}.chat-answer img{height:22px;filter:grayscale(1)}.chat-answer>div{flex:1}.skeleton{height:4px;background:#ddd;margin-top:10px;width:100%;border-radius:2px}.skeleton.short{width:72%;margin-top:5px}.chat-answer span{font-size:8px;color:#777;display:block;margin-top:12px}.week-art{background:#e5e7e2}.week-paper{position:absolute;inset:16% -10% -25% 18%;background:#fafbf9;transform:rotate(-6deg);box-shadow:0 5px 20px #0001;border:1px solid #d8ddd1;background-image:linear-gradient(90deg,transparent 33%,#ddd8 33.2%,transparent 33.5%,transparent 66%,#ddd8 66.2%,transparent 66.5%),repeating-linear-gradient(0deg,transparent 0 30px,#ddd8 31px 32px);padding:15px}.week-paper>div{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#9ba093}.week-paper i{position:absolute;width:24%;height:36px;background:#d2dcce;border-left:2px solid #a4b69e;left:4%;top:22%;border-radius:3px}.week-paper i:nth-of-type(2){left:37%;top:15%;height:54px;background:#dfd6e7;border-color:#b9a5cd}.week-paper i:nth-of-type(3){left:70%;top:23%;height:90px}.week-paper i:nth-of-type(4){left:4%;top:40%;height:75px;background:#d2daea;border-color:#a8b8d0}.week-paper i:nth-of-type(5){left:37%;top:41%;height:36px}.week-paper i:nth-of-type(6){left:37%;top:58%;height:72px;background:#e8dacf;border-color:#c9b19c}.privacy-art{background:#e9e8e5}.privacy-orbits{position:absolute;width:150px;height:150px;left:50%;top:44%;transform:translate(-50%,-50%)}.privacy-orbits i{position:absolute;inset:0;border:1px solid #bbb9b1;border-radius:50%}.privacy-orbits i:nth-child(2){inset:20px}.privacy-orbits i:nth-child(3){inset:40px}.privacy-orbits>span{position:absolute;inset:0;display:grid;place-items:center;font-size:31px;color:#5c605a}.local-tag{position:absolute;bottom:13%;font-size:9px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#fff9;border:1px solid #d8d8d0;padding:8px 10px;border-radius:5px}.local-tag i{display:inline-block;width:4px;height:4px;background:#829279;border-radius:50%;margin-right:5px}.process-section{padding-top:145px}.section-intro{margin-bottom:54px}.eyebrow{font-size:10px;letter-spacing:1.5px;color:#929292;display:block;margin-bottom:19px}.process-row{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;margin-bottom:125px}.process-copy{padding-right:42px}.step{display:block;font-size:32px;letter-spacing:-1px;color:#b5b5b5;margin-bottom:24px}.process-copy h2{margin-bottom:23px}.process-copy p{font-size:14px;max-width:43ch;margin-bottom:13px}.text-link{display:inline-flex;gap:22px;color:var(--blue);font-size:13px;margin-top:12px}@media (hover: hover) and (pointer: fine){.text-link:hover{text-decoration:underline}}.process-image{position:relative;aspect-ratio:1.08;background:#eeede9;overflow:hidden}.process-image .mini-window{position:absolute;width:141%;left:11%;top:16%}.process-image .mini-window>img{width:100%}.image-note{position:absolute;bottom:17px;left:20px;letter-spacing:1px;font-size:8px;color:#92918b}.image-timeline{background:linear-gradient(115deg,#e9e8e0,#f1f0ed)}.image-timeline .mini-window{transform:rotate(-3deg)}.reversed .process-copy{grid-column:2;grid-row:1;padding-right:0;padding-left:28px}.reversed .process-image{grid-column:1;grid-row:1}.image-recap{background:#e8ebef}.image-recap .mini-window{width:129%;left:12%;top:15%;transform:rotate(3deg)}.image-chat{background:#ece9e2;display:flex;align-items:center;justify-content:center}.conversation{width:83%;background:#fff;border:1px solid #d9d8d3;border-radius:6px;padding:18px 18px 14px;box-shadow:0 10px 30px #0000000a}.conversation-header{display:flex;align-items:center;gap:8px;font-size:10px;color:#6b6b6b;margin-bottom:25px}.conversation-header>span{margin-left:auto}.conversation-header img{filter:grayscale(1)}.conversation-response{font-size:11px;padding-top:18px}.conversation-response>span{display:block;margin-bottom:7px}.conversation-response p{font-size:11px;line-height:1.55;color:#616161;margin-bottom:8px}.sources{display:flex;gap:4px;flex-wrap:wrap;margin:14px 0}.sources>span{font-size:8px;padding:4px 5px;background:#f2f2f2;border:1px solid #e7e7e7;border-radius:3px;color:#888}.chat-input{border:1px solid #e4e4e4;border-radius:5px;padding:10px;color:#aaa;display:flex;justify-content:space-between;font-size:9px}.image-local{background:#e9e9e4;display:flex;align-items:center;justify-content:center}.local-diagram{width:70%;text-align:center}.local-mac{width:200px;margin:auto}.mac-screen{aspect-ratio:1.5;border:5px solid #4c4e4a;border-bottom-width:15px;background:#f9f9f6;border-radius:8px 8px 3px 3px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px}.mac-screen img{width:40px;height:40px;filter:grayscale(1)}.mac-screen span{font-size:10px;color:#777}.mac-base{height:7px;width:230px;margin-left:-15px;background:#aaa9a2;border-radius:0 0 9px 9px}.diagram-line{width:1px;height:38px;background:repeating-linear-gradient(#aaa 0 3px,transparent 3px 7px);margin:auto}.provider-pill{font-size:11px;background:#f8f8f5;border:1px solid #d0d0c9;padding:13px 14px;border-radius:4px;display:flex;justify-content:space-between;max-width:230px;margin:auto}.local-diagram>p{font-size:10px;line-height:1.6;margin-top:21px}.demo-section{padding-top:0}.demo-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:40px}.demo-heading>p{font-size:12px;max-width:330px}.demo-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #d7d7d7}.demo-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;display:flex;gap:17px;align-items:center;padding:18px 10px;font-size:11px;color:#999;cursor:pointer;text-align:left}.demo-tabs button>span{font-size:14px;color:#7d7d7d}.demo-tabs button[aria-selected=true]{border-bottom-color:#191919;color:#191919}.demo-tabs button[aria-selected=true]>span{color:#191919}@media (hover: hover) and (pointer: fine){.demo-tabs button:hover{background:#eee}}.demo-panels{background:white;border:1px solid #e0e0e0;border-top:0;min-height:200px}.demo-panels img{width:100%;height:auto}.demo-foot{display:flex;justify-content:space-between;font-size:10px;color:#939393;padding-top:13px;gap:20px}.interactive-chat{min-height:490px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 25px}.interactive-chat>img{filter:grayscale(1);margin-bottom:20px}.interactive-chat h3{font-size:25px}.interactive-chat>p{font-size:13px;margin-top:12px}.question-options{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:25px 0 23px}.question-options button{font-size:11px;background:#f6f6f4;border:1px solid #ddd;border-radius:100px;padding:10px 12px;cursor:pointer}.question-options button.selected{background:#191919;color:white;border-color:#191919}@media (hover: hover) and (pointer: fine){.question-options button:hover{background:#191919;color:white;border-color:#191919}}.example-answer{max-width:580px;padding:20px;display:flex;gap:12px;border-top:1px solid #eee;min-height:110px}.example-answer p{font-size:13px}.workflow-section{padding-top:135px}.workflow-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:35px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.workflow-grid>div{height:112px;display:flex;align-items:center;justify-content:center;gap:12px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);font-size:13px}.workflow-grid span{font-size:24px;color:#444}.workflow-section>p{font-size:10px;margin-top:17px}.faq-section{display:grid;grid-template-columns:1fr 3fr;gap:45px;padding-top:138px}.section-number{display:block;margin-top:35px;font-size:12px;color:#aaa}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:0 0 0 0}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:27px 0;font-size:18px;letter-spacing:-.4px}summary::-webkit-details-marker{display:none}summary>span{font-size:22px;font-weight:300;color:#777;transition:transform .2s}details[open] summary>span{transform:rotate(45deg)}details>p{font-size:14px;max-width:68ch;padding:0 30px 23px 0}details>.text-link{margin:0 0 23px}.privacy-section{padding-top:130px;padding-bottom:100px;display:grid;grid-template-columns:1fr 2fr;gap:65px}.privacy-section .eyebrow{font-size:8px}.privacy-badges{display:flex;gap:30px;padding-bottom:30px;border-bottom:1px solid var(--line)}.privacy-badges>div{display:flex;align-items:center;gap:10px;font-size:11px;color:#666}.privacy-badges span{font-size:24px}.privacy-points{padding-top:23px;display:grid;gap:13px}.privacy-points p{font-size:13px;line-height:1.6}.privacy-points strong{font-weight:400;color:#303030}.closing{text-align:center;padding-top:80px;padding-bottom:130px;border-top:1px solid var(--line)}.closing>img{margin:0 auto 28px;filter:grayscale(1) brightness(.25)}.closing h2{font-size:55px;line-height:1.05}.closing .button{margin-top:35px}.footer{border-top:1px solid var(--line);display:grid;grid-template-columns:2fr 1fr 1.3fr 1.3fr;gap:35px;padding-top:48px;padding-bottom:23px}.footer p{font-size:12px;margin-top:15px}.footer h3{font-size:12px;margin:0 0 19px;letter-spacing:0}.footer>div:not(:first-child):not(.footer-bottom)>a,.footer>div>span{display:block;font-size:12px;color:#818181;margin-top:11px}@media (hover: hover) and (pointer: fine){.footer>div>a:hover{color:#222}}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:20px;margin-top:25px;font-size:10px;color:#999}.footer .footer-bottom>span{font-size:10px;margin:0}.footer-bottom a{color:#666}@media(min-width:1400px){.hero-stage{height:625px}.hero-app{width:calc(100% - 40px)}.hero-note{right:0;top:60px}.hero{padding-top:88px}.hero-stage{margin-top:110px}.hero-copy h1{font-size:44px}.capability-strip{margin-top:10px}}@media(max-width:1050px){.section-shell{padding-left:42px;padding-right:42px}.nav-shell{padding:0 30px}.desktop-nav{gap:20px}.quiet-link{display:none}.hero-stage{height:470px}.hero-note{width:280px;right:0}.process-row{gap:40px}.process-copy{padding-right:0}.reversed .process-copy{padding-left:0}.privacy-section{gap:30px}.privacy-badges{gap:20px}.feature>h3{font-size:18px}.conversation{padding:14px}.conversation-header{margin-bottom:17px}.conversation-response p{font-size:10px}}@media(max-width:760px){.section-shell{padding-left:24px;padding-right:24px}.nav-shell{padding:0 20px;gap:10px}.header{height:60px}.brand{font-size:20px}.desktop-nav{display:none}.header-actions{gap:12px}.button.small{font-size:10px;padding:5px 10px;gap:8px}.menu-toggle{display:block}.mobile-nav{top:60px}.hero{padding-top:57px}.hero h1{font-size:35px;line-height:1.07}.hero-copy p{font-size:14px;max-width:360px;margin-top:20px}.hero-copy p br{display:none}.actions{gap:9px;margin-top:23px}.button{font-size:11px;padding:10px 14px;gap:17px}.hero-stage{margin-top:65px;height:360px}.hero-app{width:130%;left:0;top:0;min-width:600px}.hero-note{width:220px;right:-3px;top:105px;padding:15px}.hero-note>p{font-size:20px;margin-top:18px}.note-divider{margin:18px 0 13px}.note-heading{font-size:9px}.note-heading img{width:17px;height:17px}.note-row{font-size:8px}.note-bottom{margin-top:20px;font-size:8px}.note-sub{font-size:8px}.note-bar{margin-top:12px}.demo-caption{margin:4px 0 25px;font-size:8px}.archive-art{inset:-120px -40px -30px}.sheet-one{right:-75px}.capability-strip>.section-shell{min-height:105px;gap:20px;flex-wrap:wrap;justify-content:center;padding-top:20px;padding-bottom:20px}.capability-strip span{display:none}.capability-strip div>div{font-size:15px}.product-section{padding-top:55px}h2{font-size:29px}.product-section>h2{margin-bottom:28px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:32px;column-gap:12px}.feature-large{grid-column:span 2}.feature{grid-column:span 1}.feature-large{grid-column:span 2}.feature:last-child{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;gap:0 16px;align-items:center}.feature:last-child .feature-art{grid-row:span 2}.feature:last-child>h3{align-self:end;margin-bottom:8px}.feature:last-child>p{align-self:start}.feature>h3{font-size:18px;margin-top:15px}.feature>p{font-size:12px;padding-right:5px}.feature-large .feature-art{aspect-ratio:1.45}.feature-large>h3{font-size:21px}.feature-large>p{font-size:14px}.chat-art{padding:17% 5%}.chat-bubble{padding:9px;font-size:8px}.chat-answer{padding:10px 8px;gap:6px;font-size:8px;margin-top:9px}.chat-answer img{width:15px;height:15px}.chat-answer span{font-size:6px;margin-top:8px}.skeleton{margin-top:6px;height:3px}.privacy-orbits{width:110px;height:110px}.privacy-orbits>span{font-size:24px}.local-tag{font-size:7px;padding:5px}.process-section{padding-top:85px}.section-intro{margin-bottom:40px}.eyebrow{font-size:8px}.process-row{grid-template-columns:1fr;gap:28px;margin-bottom:75px}.process-copy h2{font-size:32px;margin-bottom:18px}.process-copy p{font-size:14px;max-width:48ch}.step{font-size:25px;margin-bottom:17px}.process-image{aspect-ratio:1.2}.reversed .process-copy{grid-column:1;grid-row:1}.reversed .process-image{grid-column:1;grid-row:2}.conversation{width:81%;padding:20px}.conversation-header{font-size:11px;margin-bottom:25px}.conversation .question{font-size:11px;padding:12px}.conversation-response p{font-size:11px}.conversation-response{padding-top:18px}.chat-input{font-size:10px}.demo-heading{display:block;margin-bottom:20px}.demo-heading>p{font-size:12px;margin-top:18px}.demo-heading h2{font-size:31px}.demo-tabs button{padding:16px 7px;gap:6px;font-size:9px;flex-direction:column;align-items:flex-start}.demo-tabs button>span{font-size:12px}.demo-panels{overflow:auto}.demo-panels img{min-width:620px}.demo-foot{font-size:8px}.demo-foot>span:last-child{white-space:nowrap}.interactive-chat{min-height:450px;padding:30px 15px}.interactive-chat h3{font-size:21px}.interactive-chat>p{font-size:11px;text-align:center}.question-options{gap:6px;margin-top:20px}.question-options button{font-size:10px;padding:9px}.example-answer{padding:15px 0}.example-answer p{font-size:12px}.workflow-section{padding-top:80px}.workflow-grid{grid-template-columns:1fr 1fr;margin-top:25px}.workflow-grid>div{height:85px;font-size:11px;gap:9px}.workflow-grid span{font-size:22px}.workflow-section>p{font-size:9px}.faq-section{grid-template-columns:1fr;gap:25px;padding-top:80px}.section-number{display:none}.faq-section h2 br{display:none}summary{font-size:16px;padding:23px 0}details>p{font-size:13px;padding-right:10px}.privacy-section{padding-top:80px;grid-template-columns:1fr;gap:30px;padding-bottom:70px}.privacy-badges{justify-content:space-between;gap:10px}.privacy-badges>div{font-size:9px;gap:6px}.privacy-badges span{font-size:21px}.closing{padding-top:65px;padding-bottom:75px}.closing h2{font-size:35px}.closing>img{width:34px;height:34px}.footer{grid-template-columns:repeat(2,1fr);gap:35px 18px;padding-top:35px}.footer>div:first-child{grid-column:1/-1}.footer-bottom{flex-wrap:wrap;gap:15px;margin-top:0}.footer .footer-bottom>span{font-size:9px}.footer-bottom a{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Reference-aligned editorial proportions. */
@media(min-width:761px){.hero-app{height:515px}.demo-caption{margin-top:-3px;margin-bottom:30px}.product-section>h2,.section-intro h2,.workflow-section>h2{font-size:40px}.process-row{align-items:end;min-height:400px;gap:32px}.process-copy{padding-right:60px}.reversed .process-copy{padding-left:50px}.process-image{aspect-ratio:4/3}.process-copy h2{line-height:1.2}.conversation{padding:15px;width:86%}.conversation-header{margin-bottom:17px}.conversation-response{padding-top:13px}.conversation-response p{font-size:10px}.sources{margin:10px 0}.closing h2{font-size:64px}.local-mac{width:175px}.mac-base{width:205px}.diagram-line{height:26px}.local-diagram>p{margin-top:13px}}
@media(min-width:1400px){.hero-app{height:610px}}
@media(min-width:1024px){.product-section,.process-section,.demo-section,.workflow-section,.faq-section,.privacy-section{background-image:linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line));background-size:1px 100%;background-position:60px 0,calc(100% - 60px) 0;background-repeat:no-repeat}}
@media(max-width:1023px){.desktop-nav{display:none}.menu-toggle{display:block}}
@media(max-width:640px){.feature-grid{grid-template-columns:1fr}.feature,.feature-large{grid-column:span 1}.feature:last-child{display:block;grid-column:span 1}.feature .feature-art{aspect-ratio:4/3}.feature>h3{font-size:21px}.feature>p{font-size:14px}.chat-art{padding:22% 12%}.chat-bubble{font-size:12px;padding:13px 16px}.chat-answer{font-size:11px;padding:18px;gap:12px}.chat-answer img{width:23px;height:23px}.chat-answer span{font-size:8px;margin-top:14px}.skeleton{margin-top:10px;height:4px}.privacy-orbits{width:170px;height:170px}.privacy-orbits i:nth-child(2){inset:28px}.privacy-orbits i:nth-child(3){inset:55px}.privacy-orbits>span{font-size:35px}.local-tag{font-size:10px;padding:8px 12px}.feature:last-child>h3{margin-top:15px}.week-paper>div{font-size:10px}.week-paper i{height:46px}}
/* Live, responsive Dayflow product components. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.live-hero-stage{height:auto!important;margin-top:76px;padding:18px;background:linear-gradient(125deg,#e7e9e5,#edf0f2 60%,#e6e5e0);border:1px solid #e4e4e0;border-radius:4px}.live-hero-stage .hero-live{height:580px}.hero .demo-caption{margin:14px 0 40px}.live-feature{aspect-ratio:auto!important;height:330px;padding:0;background:#fff!important}.feature-large .live-feature{height:380px}.live-process{aspect-ratio:auto!important;height:410px;background:#fff!important}.df-app{--df-blue:#4f80eb;--df-border:#e8e8e8;--df-secondary:#707070;color:#333;background:#fff;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;font-size:13px;line-height:1.4;border:1px solid #e0e0e0;border-radius:9px;box-shadow:0 4px 18px #00000005;overflow:hidden;display:flex;flex-direction:column;isolation:isolate;container-type:inline-size}.df-app *, .df-app *:before,.df-app *:after{box-sizing:border-box}.df-app button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;line-height:1.3;transition:background .15s,color .15s,box-shadow .15s;text-align:left}.df-app button:disabled{color:#c3c3c3;cursor:default}.df-app button:focus-visible{outline:2px solid #4f80eb;outline-offset:-2px;position:relative;z-index:2}.df-app h3,.df-app h4,.df-app h5{font-family:inherit;letter-spacing:-.02em;color:#171717}.df-app p{font-family:inherit;color:#707070;font-size:12px;line-height:1.6}.df-windowbar{height:32px;min-height:32px;border-bottom:1px solid #e8e8e8;background:#fbfbfb;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:10px;color:#8c8c8c;gap:14px}.df-windowbar>span{position:absolute;left:50%;transform:translateX(-50%);font-size:11px;color:#777}.df-windowbar b{font-size:7px;font-weight:500;color:#999;border:1px solid #ddd;border-radius:3px;padding:1px 3px;vertical-align:1px;margin-left:5px}.df-lights{display:flex;gap:5px}.df-lights i{width:7px;height:7px;background:#d9d9d9;border-radius:50%}.df-lights i:first-child{background:#eeaea9}.df-lights i:nth-child(2){background:#e9d39d}.df-lights i:nth-child(3){background:#b9d3b0}.df-status{display:flex;align-items:center;gap:5px;font-size:9px!important;padding:5px 0!important;color:#8c8c8c!important;white-space:nowrap}.df-status>i{display:inline-block;background:#83a18b;width:4px;height:4px;border-radius:50%}.df-status>i.paused{background:#c5a35b}.df-appnav{height:42px;min-height:42px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e8e8e8;padding:5px 10px}.df-appnav>div{display:flex;gap:4px}.df-appnav button{padding:6px 12px;border-radius:6px;font-size:12px}.df-appnav button.active{background:#4f80eb1a;color:#2c5cac}@media (hover: hover) and (pointer: fine){.df-appnav button:hover{background:#33333309}}@media (hover: hover) and (pointer: fine){.df-appnav button.active:hover{background:#4f80eb25}}.df-content{min-height:0;overflow:auto;flex:1;scrollbar-width:thin;scrollbar-color:#d4d4d4 transparent}.df-datebar{padding:20px 18px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.df-datebar h3{font-size:27px;line-height:1.15;font-weight:700;letter-spacing:-.8px;color:#111}.df-datebar h3>span{font-weight:400;color:#333}.df-datebar p{font-size:13px;margin-top:3px;color:#555}.df-datecontrols{display:flex;align-items:center;gap:4px}.df-datecontrols button{height:28px;min-width:26px;border-radius:5px;text-align:center;font-size:20px}.df-datecontrols button:nth-child(2){font-size:11px;border:1px solid #e8e8e8;padding:0 9px}@media (hover: hover) and (pointer: fine){.df-datecontrols button:hover:not(:disabled){background:#f4f4f4}}.df-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 18px 12px;gap:12px}.df-toolbar>span{font-size:10px;color:#909090}.df-segment{display:flex;padding:2px;gap:2px;background:#f2f2f2;border:1px solid #ededed;border-radius:6px;flex-shrink:0}.df-segment button{padding:4px 13px;border-radius:4px;font-size:10px;text-align:center;color:#777}.df-segment button.active{background:#fff;color:#333;box-shadow:0 1px 3px #00000012}.df-filters{display:flex;align-items:center;gap:5px;padding:0 18px 13px;border-bottom:1px solid #e8e8e8;flex-wrap:wrap}.df-filters button{font-size:10px;display:flex;align-items:center;gap:5px;border:1px solid transparent;border-radius:5px;padding:4px 7px;color:#797979}@media (hover: hover) and (pointer: fine){.df-filters button:hover{background:#f5f5f5}}.df-filters button.active{background:#f3f3f3;border-color:#e6e6e6;color:#333}.df-filters i{height:6px;width:6px;border-radius:2px;display:inline-block}.df-timeline-body{display:grid;grid-template-columns:minmax(0,1fr) 260px;min-height:320px}.df-agenda{padding:13px 13px 15px 18px;min-width:0}.df-activity-wrap{margin-bottom:3px}.df-activity{display:flex;align-items:center;gap:0;background:color-mix(in srgb,var(--category) 7%,white);border-radius:8px;min-height:36px;transition:background .16s}@media (hover: hover) and (pointer: fine){.df-activity:hover{background:color-mix(in srgb,var(--category) 13%,white)}}.df-activity.selected{background:color-mix(in srgb,var(--category) 26%,white);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--category) 38%,transparent),0 1px 4px #0000000f}.df-expand{width:24px;min-width:24px;align-self:stretch;display:grid;place-items:center;font-size:17px!important;color:#7e8b9b!important;padding:0!important}.df-select{display:flex;align-items:center;gap:10px;flex:1;min-width:0;padding:8px 10px 8px 0!important}.df-time{font-family:var(--df-sans);font-size:9px;white-space:nowrap;letter-spacing:-.3px;color:#8391a6;width:140px;flex-shrink:0}.df-activity-title{font-size:12px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}.df-duration{font-size:9px;color:#8993a1;white-space:nowrap;margin-left:auto}.df-subactivities{padding:7px 10px 7px 30px;background:color-mix(in srgb,var(--category) 4%,white);border-radius:0 0 6px 6px;display:flex;flex-direction:column;gap:5px}.df-subactivities span{font-size:11px;color:#758092}.df-subactivities span:before{content:'·';margin-right:7px}.df-idle{margin-top:7px;border:1px solid #e1e5eb;background:repeating-linear-gradient(45deg,#f2f3f5 0 6px,#e9ebef 6px 12px);border-radius:7px;padding:11px 12px;font-size:11px;color:#8390a0;min-height:52px}.df-idle>span{display:block;font-size:9px;margin-top:4px;color:#9aa0ab}.df-endline{height:1px;background:#fb2c36;margin-top:15px;position:relative}.df-endline>span{position:absolute;top:-3px;left:0;width:7px;height:7px;border-radius:50%;background:#fb2c36;box-shadow:0 0 0 3px #fb2c3622}.df-demo-notice{font-size:9px!important;color:#a0a0a0!important;padding-top:12px}.df-inspector{padding:17px;border-left:1px solid #e8e8e8;background:#fff}.df-inspector-heading{font-size:9px;text-transform:uppercase;letter-spacing:.8px;color:#a46b47;display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.df-inspector-heading>span{font-size:9px;text-transform:none;letter-spacing:0;color:#999}.df-category{display:inline-block;padding:4px 7px;color:color-mix(in srgb,var(--category) 75%,#333);background:color-mix(in srgb,var(--category) 12%,white);font-size:9px;border-radius:4px;margin-bottom:10px}.df-inspector h4{font-size:19px;line-height:1.25;font-weight:650;margin-bottom:6px}.df-detailtime{font-size:10px!important;color:#999!important;margin-bottom:15px}.df-inspector>p:not(.df-detailtime){font-size:11px;line-height:1.6}.df-detailapp{display:flex;gap:7px;align-items:center;font-size:10px;margin:15px 0}.df-detailapp>span{width:19px;height:19px;background:#eaf0fc;color:#5974ae;border-radius:5px;display:grid;place-items:center;font-size:10px}.df-detailapp small{font-size:8px;margin-left:auto;color:#aaa}.df-inspector h5{font-size:11px;font-weight:600;margin-top:18px;margin-bottom:9px}.df-inspector ul{padding-left:15px;margin:0;color:#777;font-size:10px;line-height:1.7}.df-breakdown{border-top:1px solid #e8e8e8;margin-top:19px;padding-top:0}.df-breakdown h5{display:flex;justify-content:space-between;gap:5px}.df-breakdown h5>span{font-size:9px;color:#999;font-weight:400}.df-totalbar{display:flex;height:6px;border-radius:4px;overflow:hidden;margin:10px 0}.df-category-stat{display:flex!important;align-items:center;gap:7px;width:100%;padding:7px 0!important;font-size:10px!important;border-radius:4px!important}@media (hover: hover) and (pointer: fine){.df-category-stat:hover{background:#f8f8f8!important}}.df-category-stat>i{width:4px;height:13px;border-radius:3px;flex-shrink:0}.df-category-stat>span{flex:1;min-width:0}.df-category-stat>b{font-weight:500;font-size:10px}.df-compact-detail{padding:12px 16px;border-top:1px solid #e8e8e8;background:color-mix(in srgb,var(--category) 5%,white)}.df-compact-detail strong{font-size:11px;font-weight:600}.df-compact-detail p{font-size:10px;margin-top:5px}.df-compact .df-timeline-body,.df-mini .df-timeline-body{display:block;min-height:0}.df-compact .df-datebar,.df-mini .df-datebar{padding:15px 13px 10px}.df-compact .df-datebar h3,.df-mini .df-datebar h3{font-size:23px}.df-compact .df-toolbar,.df-mini .df-toolbar{padding:0 13px 9px}.df-compact .df-filters,.df-mini .df-filters{padding:0 10px 10px;gap:2px}.df-compact .df-filters button,.df-mini .df-filters button{font-size:8px;padding:4px 5px}.df-compact .df-agenda,.df-mini .df-agenda{padding:10px 10px 12px}.df-compact .df-select,.df-mini .df-select{flex-wrap:wrap;gap:3px 8px;padding:7px 9px 7px 0!important}.df-compact .df-time,.df-mini .df-time{font-size:8px;width:auto;order:2}.df-compact .df-activity-title,.df-mini .df-activity-title{font-size:11px;flex-basis:100%;order:1}.df-compact .df-duration,.df-mini .df-duration{order:3;font-size:8px}.df-compact .df-demo-notice,.df-mini .df-demo-notice{padding-top:10px;font-size:8px!important}.df-compact .df-activity-wrap:nth-child(n+5),.df-mini .df-activity-wrap:nth-child(n+4){display:none}.df-compact .df-idle,.df-mini .df-idle,.df-mini .df-endline{display:none}.df-mini .df-datebar h3{font-size:20px}.df-mini .df-datebar p{font-size:10px}.df-mini .df-datecontrols button{min-width:20px}.df-mini .df-datecontrols button:nth-child(2){padding:0 5px;font-size:9px}.df-mini .df-datebar{padding-top:12px}.df-mini .df-windowbar{padding:0 8px}.df-mini .df-status{font-size:7px!important}.df-mini .df-windowbar>span{font-size:9px}.df-mini .df-windowbar b{font-size:6px}.df-mini .df-lights{gap:3px}.df-mini .df-lights i{width:5px;height:5px}.df-week{padding:0 10px 14px;min-width:0}.df-weekheader{display:grid;grid-template-columns:36px repeat(5,minmax(0,1fr));border-bottom:1px solid #e8e8e8}.df-weekheader button{font-size:9px;color:#8c8c8c;text-align:center;padding:11px 0;display:flex;flex-direction:column;align-items:center;gap:3px}.df-weekheader b{font-size:15px;font-weight:500;color:#555;width:26px;height:26px;display:grid;place-items:center;border-radius:50%}.df-weekheader button.selected b{background:#fb2c36;color:white}@media (hover: hover) and (pointer: fine){.df-weekheader button:hover{background:#f8f8f8}}.df-weekbody{display:grid;grid-template-columns:36px repeat(5,minmax(0,1fr));height:350px;padding-top:10px}.df-hours{display:flex;flex-direction:column;justify-content:space-between;font-size:8px;color:#aaa;transform:translateY(-4px)}.df-daycolumn{position:relative;border-left:1px solid #ededed;background:repeating-linear-gradient(to bottom,transparent 0 calc(20% - 1px),#eee calc(20% - 1px) 20%)}.df-weekblock{position:absolute;left:3px;right:3px;min-height:15px;background:color-mix(in srgb,var(--category) 15%,white)!important;border-left:2px solid var(--category)!important;border-radius:3px!important;padding:3px 4px!important;overflow:hidden}.df-weekblock:focus-visible{background:color-mix(in srgb,var(--category) 30%,white)!important;z-index:3;box-shadow:0 2px 5px #0001}@media (hover: hover) and (pointer: fine){.df-weekblock:hover{background:color-mix(in srgb,var(--category) 30%,white)!important;z-index:3;box-shadow:0 2px 5px #0001}}.df-weekblock>span{display:block;font-size:8px;line-height:1.15;max-height:2.3em;overflow:hidden;color:#586273}.df-weekblock>small{display:block;font-size:7px;color:#929aa5;margin-top:2px}.df-mini .df-weekbody,.df-compact .df-weekbody{height:280px}.df-mini .df-weekheader,.df-mini .df-weekbody{grid-template-columns:28px repeat(5,minmax(0,1fr))}.df-mini .df-weekblock>span{font-size:6px}.df-mini .df-weekblock>small{display:none}.df-recap{padding:23px 20px 20px;max-width:980px;margin:auto}.df-recap-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}.df-recap-heading h3{font-size:16px;font-weight:600;line-height:1.3}.df-recap-heading h3>span{color:#777;font-weight:400;font-size:13px}.df-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.df-kpis>div{padding:12px 13px;border:1px solid #e8e8e8;border-radius:10px;min-width:0}.df-kpis span{font-size:10px;color:#8c8c8c;display:block;white-space:nowrap}.df-kpis strong{font-size:21px;line-height:1.1;font-weight:650;letter-spacing:-.7px;display:block;margin-top:8px;white-space:nowrap}.df-kpis small{font-size:13px}.df-chartcard{margin-top:19px;border:1px solid #e8e8e8;border-radius:12px;padding:17px 18px 12px}.df-chart-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.df-chart-heading h4{font-size:13px;font-weight:600}.df-chart-heading>span{font-size:9px;color:#aaa}.df-chart{display:flex;height:182px;gap:12px;margin-top:18px;position:relative;background:repeating-linear-gradient(to top,transparent 0 calc(50% - 1px),#ededed calc(50% - 1px) 50%);margin-left:0}.df-chart-scale{display:flex;flex-direction:column;justify-content:space-between;font-size:9px;color:#aaa;width:22px;padding-bottom:24px}.df-chartcolumn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:end;padding:0!important;position:relative;min-width:0}.df-stackbar{width:30px;max-width:80%;flex:1;display:flex;flex-direction:column;justify-content:end;opacity:.75;transition:opacity .15s;min-height:0}.df-stackbar i{display:block;width:100%;min-height:0}.df-stackbar i:first-child{border-radius:3px 3px 0 0}.df-chartcolumn.selected .df-stackbar{opacity:1}@media (hover: hover) and (pointer: fine){.df-chartcolumn:hover .df-stackbar{opacity:1}}.df-chartcolumn.selected:after{content:'';position:absolute;bottom:19px;height:2px;width:36px;background:#3b3b3b}.df-chartlabel{font-size:10px;color:#888;height:24px;padding-top:9px;display:block}.df-chartdetail{display:flex;flex-wrap:wrap;gap:5px 13px;font-size:9px;line-height:1.7;min-height:42px;margin-top:15px;border-top:1px solid #eee;padding-top:10px;color:#888}.df-chartdetail strong{font-weight:600;color:#333}.df-chartdetail i{display:inline-block;height:5px;width:5px;border-radius:2px;margin-right:4px}.df-recap-bottom{display:grid;grid-template-columns:1fr 1.5fr;gap:12px;margin-top:14px}.df-donutcard,.df-topcategories{padding:15px;border:1px solid #e8e8e8;border-radius:12px}.df-recap-bottom h4{font-size:12px;font-weight:600;margin-bottom:11px}.df-donut{border-radius:50%;width:110px;height:110px;padding:15px;margin:15px auto 0}.df-donut>span{background:white;width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:15px;font-weight:600}.df-donut small{font-size:7px;color:#aaa;font-weight:400;margin-top:3px}.df-topcategories>p{font-size:9px;margin-top:8px}.df-mini .df-recap,.df-compact .df-recap{padding:14px 12px}.df-mini .df-recap-heading,.df-compact .df-recap-heading{margin-bottom:12px}.df-mini .df-recap-heading h3,.df-compact .df-recap-heading h3{font-size:13px}.df-mini .df-recap-heading h3>span,.df-compact .df-recap-heading h3>span{display:block;font-size:9px;margin-top:3px}.df-mini .df-kpis,.df-compact .df-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.df-mini .df-kpis>div,.df-compact .df-kpis>div{padding:8px 10px;border-radius:7px}.df-mini .df-kpis span,.df-compact .df-kpis span{font-size:8px}.df-mini .df-kpis strong,.df-compact .df-kpis strong{font-size:17px;margin-top:5px}.df-mini .df-chartcard,.df-compact .df-chartcard{padding:12px 10px;margin-top:12px}.df-mini .df-chart,.df-compact .df-chart{height:125px;gap:5px;margin-top:12px}.df-mini .df-chart-heading h4,.df-compact .df-chart-heading h4{font-size:11px}.df-mini .df-chart-heading>span,.df-compact .df-chart-heading>span{font-size:8px}.df-mini .df-recap-bottom,.df-compact .df-recap-bottom{grid-template-columns:1fr}.df-mini .df-donutcard,.df-compact .df-donutcard{display:none}.df-chat{max-width:712px;margin:auto;padding:23px 22px;display:flex;flex-direction:column;min-height:410px}.df-chat-heading{display:flex;align-items:center;gap:9px}.df-chat-heading img{filter:none}.df-chat-heading h3{font-size:15px;font-weight:550}.df-chat-heading>span{margin-left:auto;font-size:9px;color:#999}.df-chat-date{font-size:10px!important;margin-top:8px}.df-chat-empty{padding:28px 0;text-align:center;flex:1}.df-chat-empty>span{font-size:28px;color:#a55a43}.df-chat-empty h4{font-size:17px;font-weight:500;margin:10px 0 6px}.df-chat-empty p{font-size:11px}.df-chat-prompts{display:flex;gap:6px;flex-wrap:wrap;margin:15px 0}.df-chat-prompts button{border:1px solid #e8e8e8;padding:7px 9px;border-radius:7px;font-size:10px;color:#777;background:#fcfcfc}.df-chat-prompts button.active{background:#f3ebe7;border-color:#e5d3ca;color:#8e5946}@media (hover: hover) and (pointer: fine){.df-chat-prompts button:hover{background:#f3ebe7;border-color:#e5d3ca;color:#8e5946}}.df-user-message{align-self:flex-end;max-width:90%;padding:10px 13px;background:#f2f0ed;border-radius:10px;font-size:12px;margin:20px 0 18px}.df-chat-response>span{color:#a55a43;font-size:19px}.df-chat-response>p{font-size:12px;line-height:1.7;color:#555;margin:9px 0 13px}.df-citations{display:flex;flex-direction:column;gap:5px}.df-citations button{display:flex;gap:10px;align-items:center;width:100%;padding:9px 10px;border-radius:8px;background:color-mix(in srgb,var(--category) 7%,white);border:1px solid color-mix(in srgb,var(--category) 8%,white);text-align:left}@media (hover: hover) and (pointer: fine){.df-citations button:hover{background:color-mix(in srgb,var(--category) 15%,white)}}.df-cite-icon{background:color-mix(in srgb,var(--category) 18%,white);color:color-mix(in srgb,var(--category) 60%,#333);width:23px;height:23px;border-radius:6px;display:grid;place-items:center;font-size:11px;flex-shrink:0}.df-citations button>span:nth-child(2){min-width:0}.df-citations small{display:block;font-family:var(--df-sans);font-size:9px;color:#7d90b0;margin-bottom:3px}.df-citations strong{display:block;font-size:11px;font-weight:550;color:#42618e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.df-citations b{font-size:13px;font-weight:400;color:#97a4b8;margin-left:auto}.df-composer{border:1px solid #e5e3df;border-radius:10px;padding:12px;box-shadow:0 1px 2px #2d2d2b0d,0 8px 24px #2d2d2b07;background:#fff}.df-composer textarea{font-family:inherit;font-size:12px;line-height:1.5;border:0;outline:none;resize:vertical;width:100%;min-height:45px;max-height:130px;color:#444;background:transparent}.df-composer textarea::placeholder{color:#aaa}.df-composer:focus-within{border-color:#c6a897;box-shadow:0 0 0 2px #a55a4310}.df-composer>div{display:flex;justify-content:space-between;align-items:center;gap:10px}.df-composer>div>span{font-size:8px;color:#aaa}.df-composer button{background:#a55a43;color:#fffaf7;border-radius:50%;height:28px;width:28px;display:grid;place-items:center;font-size:18px;padding:0}@media (hover: hover) and (pointer: fine){.df-composer button:hover{background:#8b4833}}.df-chat-help{font-size:8px!important;color:#aaa!important;margin-top:8px}.df-mini .df-chat,.df-compact .df-chat{padding:14px;min-height:330px}.df-mini .df-chat-heading h3,.df-compact .df-chat-heading h3{font-size:12px}.df-mini .df-chat-heading>span,.df-compact .df-chat-heading>span{font-size:7px}.df-mini .df-chat-heading img,.df-compact .df-chat-heading img{width:20px;height:20px}.df-mini .df-chat-empty,.df-compact .df-chat-empty{padding:17px 0}.df-mini .df-chat-empty h4,.df-compact .df-chat-empty h4{font-size:14px}.df-mini .df-chat-empty p,.df-compact .df-chat-empty p{font-size:10px}.df-mini .df-chat-prompts,.df-compact .df-chat-prompts{gap:4px;margin:10px 0}.df-mini .df-chat-prompts button,.df-compact .df-chat-prompts button{font-size:9px;padding:6px 7px}.df-mini .df-composer,.df-compact .df-composer{padding:9px}.df-mini .df-composer textarea,.df-compact .df-composer textarea{font-size:10px;min-height:36px}.df-mini .df-chat-response>p,.df-compact .df-chat-response>p{font-size:11px}.df-settings{padding:26px 22px;max-width:700px;margin:auto}.df-settings h3{font-size:23px;font-weight:550;margin-bottom:10px}.df-settings>p{font-size:12px;margin-bottom:20px}.df-settingrow{display:flex;justify-content:space-between;gap:15px;align-items:center;border-top:1px solid #e8e8e8;padding:20px 0}.df-settingrow strong{font-size:12px;font-weight:600;display:block}.df-settingrow>div>span{font-size:10px;color:#888;display:block;margin-top:5px;line-height:1.5}.df-switch{border-radius:100px!important;background:#ebebeb!important;font-size:10px!important;padding:8px 12px!important;min-width:80px;text-align:center!important}.df-switch.on{background:#dce9d9!important;color:#4d7650!important}.provider-setting{align-items:flex-start;flex-direction:column}.df-provider-options{display:flex;gap:6px}.df-provider-options button{border:1px solid #ddd;padding:8px 12px;border-radius:6px;font-size:11px}.df-provider-options button.active{border-color:#b5c6e9;background:#f0f4fc;color:#4a6ba8}.df-settings-note{display:flex;gap:12px;background:#f7f7f4;padding:15px;border:1px solid #eaeae5;border-radius:8px;margin-top:5px}.df-settings-note>span{font-size:24px;color:#929587}.df-settings-note p{font-size:10px}.df-settings-note strong{color:#676b60;font-weight:600}.df-mini .df-settings,.df-compact .df-settings{padding:17px 15px}.df-mini .df-settings h3,.df-compact .df-settings h3{font-size:18px}.df-mini .df-settings>p,.df-compact .df-settings>p{font-size:10px;margin-bottom:15px}.df-mini .df-settingrow,.df-compact .df-settingrow{padding:13px 0}.df-mini .df-settingrow strong{font-size:11px}.df-mini .df-settingrow>div>span{font-size:9px}.df-mini .df-settings-note{padding:10px}.df-mini .df-settings-note p{font-size:9px}.df-wiki{padding:25px;max-width:700px;margin:auto}.df-wiki h3{font-size:24px;margin-bottom:7px}.df-wiki h3>span{font-size:10px;color:#aaa;letter-spacing:0;margin-left:10px}.df-wiki-tabs{display:flex;gap:8px;margin:25px 0}.df-wiki-tabs button{padding:9px 12px;border:1px solid #ddd;border-radius:6px;font-size:11px}.df-wiki-tabs button.active{background:#eef3fd;border-color:#cad8ee}.df-wiki article{border-top:1px solid #e8e8e8;padding-top:22px}.df-wiki article>span{font-size:8px;letter-spacing:1px;color:#aaa}.df-wiki h4{font-size:23px;margin:12px 0}.df-wiki article p{font-size:12px;line-height:1.7}.df-wiki article button{font-size:11px;color:#4f80eb;padding:13px 0}.df-wiki>small{display:block;margin-top:25px;font-size:9px;color:#aaa}.showcase-live{height:690px;border:0;border-radius:0}.demo-panels{min-height:300px;overflow:visible}.df-full[data-mode=timeline] .df-content{display:flex;flex-direction:column}.df-full .df-timeline-body{flex:1}.df-full .df-inspector{max-height:none}.df-paused .df-status{color:#a78650!important}.live-feature .df-content,.live-process .df-content{overflow-y:auto;overscroll-behavior:contain}.live-feature .df-windowbar,.live-process .df-windowbar{flex-shrink:0}.df-content::-webkit-scrollbar{width:5px;height:5px}.df-content::-webkit-scrollbar-thumb{background:#ddd;border-radius:10px}
@container(max-width:800px){.df-full .df-timeline-body{grid-template-columns:minmax(0,1fr) 220px}.df-full .df-select{flex-wrap:wrap;gap:3px 8px;padding:7px 9px 7px 0!important}.df-full .df-time{font-size:9px;width:auto;order:2}.df-full .df-activity-title{flex-basis:100%;order:1}.df-full .df-duration{order:3;font-size:8px}.df-full .df-inspector{padding:14px}.df-full .df-inspector h4{font-size:17px}}
@container(max-width:560px){.df-full .df-timeline-body{display:flex;flex-direction:column}.df-full .df-inspector{border-left:0;border-top:1px solid #e8e8e8}.df-full .df-datebar{padding:16px 13px 11px}.df-full .df-datebar h3{font-size:24px}.df-full .df-toolbar{padding:0 13px 11px}.df-full .df-filters{padding:0 10px 10px;gap:3px}.df-full .df-filters button{font-size:9px;padding:4px 5px}.df-full .df-agenda{padding:10px}.df-full .df-activity-title{font-size:12px}.df-full .df-time{font-size:9px}.df-full .df-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.df-full .df-recap{padding:17px 13px}.df-full .df-recap-heading h3{font-size:15px}.df-full .df-recap-heading h3>span{font-size:10px;display:block;margin-top:4px}.df-full .df-chart{height:155px;gap:5px}.df-full .df-recap-bottom{grid-template-columns:1fr}.df-full .df-donutcard{display:none}.df-full .df-chat{padding:18px 14px}.df-full .df-chat-heading h3{font-size:14px}.df-full .df-chat-heading>span{font-size:8px}.df-full .df-settings{padding:20px 15px}.df-full .df-settings h3{font-size:22px}.df-full .df-windowbar>span{font-size:10px}.df-full .df-status{font-size:8px!important}.df-full .df-appnav button{font-size:11px;padding:6px 10px}.df-full .df-weekbody{height:350px}.df-full .df-weekblock>span{font-size:7px}.df-full .df-weekblock>small{font-size:6px}.df-full .df-wiki{padding:20px 15px}}
@media(max-width:760px){.live-hero-stage{margin-top:50px;padding:8px;margin-left:-8px;margin-right:-8px}.live-hero-stage .hero-live{height:610px}.hero .demo-caption{font-size:8px;text-align:center;margin-top:12px}.live-feature,.feature-large .live-feature{height:380px}.live-process{height:430px}.showcase-live{height:680px}.demo-panels .df-app img{min-width:0;width:auto}.feature .live-feature{aspect-ratio:auto!important}.process-row{align-items:stretch}.df-chat-heading img{min-width:0!important}.df-mini .df-activity-wrap:nth-child(4){display:block}.df-mini .df-recap .df-chart{height:145px}}
@media(prefers-reduced-motion:no-preference){.df-activity:active{transform:scale(.998)}.df-chat-response{animation:df-appear .25s ease-out}.df-inspector{animation:df-appear .2s ease-out}@keyframes df-appear{from{opacity:.5;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}}
.df-compact .df-activity-wrap.is-selected,.df-mini .df-activity-wrap.is-selected{display:block!important}.live-hero-stage{position:relative;isolation:isolate;overflow:hidden}.hero-live{position:relative;z-index:1}.live-hero-stage:before,.live-hero-stage:after{content:'';position:absolute;z-index:-1;inset:-120px;background:repeating-radial-gradient(ellipse at 20% 40%,transparent 0 25px,#b4bcb515 26px 27px,transparent 28px 40px);transform:rotate(-15deg);pointer-events:none}.live-hero-stage:after{background:radial-gradient(ellipse at 70% 30%,#d8dad3aa,transparent 45%);filter:blur(6px)}
@media(prefers-reduced-motion:no-preference){.live-hero-stage:before{animation:df-collage-drift 55s linear infinite alternate}.live-hero-stage:after{animation:df-collage-drift 121s linear infinite alternate-reverse}.df-status>i{animation:df-status-pulse 2s ease-in-out infinite}.df-paused .df-status>i{animation:none}@keyframes df-collage-drift{from{transform:translateX(-70px) rotate(-15deg)}to{transform:translateX(70px) rotate(-15deg)}}@keyframes df-status-pulse{0%,100%{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}}
.df-app .df-chat-heading img{width:24px!important;height:24px!important;min-width:0!important;max-width:24px!important;flex:0 0 24px}.df-mini .df-chat-heading img,.df-compact .df-chat-heading img{width:20px!important;height:20px!important;max-width:20px!important;flex-basis:20px}
/* The full app keeps Dayflow's left-navigation structure when space allows. */
.df-full:not(.df-narrow){display:grid;grid-template-columns:146px minmax(0,1fr);grid-template-rows:32px minmax(0,1fr)}.df-full:not(.df-narrow)>.df-windowbar{grid-column:1/-1;grid-row:1;position:relative}.df-full:not(.df-narrow)>.df-appnav{grid-column:1;grid-row:2;height:auto;min-height:0;display:flex;flex-direction:column;align-items:stretch;padding:13px 8px 10px;background:#f7f7f7;border-right:1px solid #e8e8e8;border-bottom:0}.df-full:not(.df-narrow)>.df-appnav>div{flex-direction:column;gap:4px}.df-full:not(.df-narrow)>.df-appnav>div:before{content:'WORKSPACE';font-size:8px;letter-spacing:1px;color:#a0a0a0;padding:7px 10px 9px}.df-full:not(.df-narrow)>.df-appnav button{min-height:32px;font-size:12px;padding:7px 10px;border-radius:6px}.df-full:not(.df-narrow)>.df-appnav>button{margin-top:auto;text-align:left;font-size:18px;color:#888}.df-full:not(.df-narrow)>.df-appnav>button:after{content:'Settings';font-size:11px;margin-left:8px;color:#777}.df-full:not(.df-narrow)>.df-content{grid-column:2;grid-row:2;min-width:0}.df-full:not(.df-narrow) .df-timeline-body{grid-template-columns:minmax(0,1fr) 228px}.df-full:not(.df-narrow) .df-select{flex-wrap:wrap;gap:3px 8px}.df-full:not(.df-narrow) .df-activity-title{flex-basis:100%;order:1}.df-full:not(.df-narrow) .df-time{order:2;width:auto}.df-full:not(.df-narrow) .df-duration{order:3}.df-full:not(.df-narrow) .df-inspector{padding:15px}.df-full:not(.df-narrow) .df-inspector h4{font-size:18px}.df-full:not(.df-narrow) .df-kpis strong{font-size:19px}.df-full:not(.df-narrow) .df-kpis span{font-size:9px}
/* Source-led motion, disabled for people who prefer less movement. */
.button.secondary{border-color:rgba(0,0,0,.12)}
@media(min-width:761px){.hero-copy .button{font-size:16px;padding-top:10px;padding-bottom:10px}.feature>p,.process-copy p{font-size:16px}.live-hero-stage{margin-top:96px}.live-hero-stage .hero-live{height:550px}}
@media(prefers-reduced-motion:no-preference){[data-motion-ready]{transition:opacity .6s ease var(--reveal-delay,0ms),filter .6s ease var(--reveal-delay,0ms),transform .6s cubic-bezier(.2,.65,.3,1) var(--reveal-delay,0ms)}[data-motion-ready]:not(.is-visible){opacity:0;filter:blur(4px);transform:translateY(16px)}[data-motion-ready].is-visible{opacity:1;filter:blur(0);transform:translateY(0)}.df-stackbar i{transition:height .45s ease,background .2s ease}.df-stackbar{animation:df-chart-grow .6s cubic-bezier(.2,.65,.3,1);transform-origin:bottom}.df-chartcolumn:nth-child(3) .df-stackbar{animation-delay:40ms}.df-chartcolumn:nth-child(4) .df-stackbar{animation-delay:80ms}.df-chartcolumn:nth-child(5) .df-stackbar{animation-delay:120ms}.df-chartcolumn:nth-child(6) .df-stackbar{animation-delay:160ms}.df-inspector{animation:df-detail-arrive .45s ease}.df-activity.selected{transition:background .45s ease,box-shadow .45s ease}.mobile-nav:not([hidden]){animation:df-nav-open .2s ease-out}.df-appnav button{transition:background .15s,color .15s,transform .12s}.df-appnav button:active{transform:scale(.99)}.live-hero-stage:before{animation:df-collage-travel 55s linear infinite}.live-hero-stage:after{animation:df-collage-travel 121s linear infinite reverse}@keyframes df-chart-grow{from{transform:scaleY(.1);opacity:.3}to{transform:scaleY(1)}}@keyframes df-detail-arrive{from{opacity:.35;filter:blur(2px);transform:translateY(6px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}@keyframes df-nav-open{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}@keyframes df-collage-travel{from{transform:translateX(-180px) rotate(-15deg)}to{transform:translateX(400px) rotate(-15deg)}}}
@media(prefers-reduced-motion:reduce){[data-motion-ready]{opacity:1!important;filter:none!important;transform:none!important}.df-app *{animation:none!important}}
@media(prefers-reduced-motion:no-preference){.mobile-nav.is-closing{animation:df-nav-close .15s ease-in forwards}@keyframes df-nav-close{to{opacity:0;transform:translateY(-7px)}}}

/* Mobile marketing layout and faithful, non-scrolling product previews. */
.df-inline-summary,.df-week-hint{display:none}
@media(max-width:760px){
  .hero{padding-top:42px}
  .hero h1{font-size:clamp(32px,8.7vw,38px);line-height:1.08}
  .hero-copy p,.feature>p,.process-copy p{font-size:16px;line-height:1.55}
  .actions{flex-wrap:wrap;gap:10px}
  .hero-copy .button,.closing .button{min-height:46px;font-size:14px;padding:12px 16px;gap:14px}
  .live-hero-stage{margin-top:36px}
  .hero .demo-caption{font-size:12px;line-height:1.5;margin:12px 0 28px;color:#6f6f6f}
  .product-section{padding-top:48px}
  .feature-grid{row-gap:36px}
  .process-section,.workflow-section,.faq-section,.privacy-section{padding-top:72px}
  .process-row{margin-bottom:64px}
  .section-intro,.demo-heading{margin-bottom:28px}
  .eyebrow{font-size:11px;line-height:1.5;letter-spacing:1.2px}
  .text-link{font-size:14px;min-height:44px;align-items:center}
  .demo-heading>p,.demo-foot,.workflow-section>p{font-size:13px;line-height:1.5}
  .demo-tabs button{min-height:52px;padding:12px 5px;gap:5px;flex-direction:column;justify-content:center;font-size:11px}
  .demo-tabs button>span{font-size:13px;white-space:nowrap}
  .demo-foot{flex-wrap:wrap;gap:5px;padding-top:12px}
  .privacy-points p,details>p{font-size:15px;line-height:1.6}
  .privacy-badges{flex-wrap:wrap;gap:18px}
  .privacy-badges>div{font-size:13px}
  .closing{padding-top:56px;padding-bottom:64px}
  .closing h2{font-size:clamp(30px,8vw,40px);overflow-wrap:break-word}
  /* Keep the product miniature faithful: compact chrome, flat agenda, page scroll. */
  .df-app,.live-hero-stage .hero-live,.showcase-live,.live-feature,.feature-large .live-feature,.live-process{height:auto;min-height:0;max-height:none}
  .df-app{overflow:clip;font-size:12px}
  .df-app .df-content{height:auto;min-height:0;max-height:none;overflow:visible;flex:none}
  .df-app .df-windowbar{position:relative;height:32px;min-height:32px;padding:0 10px;gap:7px}
  .df-app .df-windowbar>span{position:static;transform:none;margin-right:auto;font-size:10px}
  .df-app .df-windowbar b{font-size:6px}
  .df-app .df-status{font-size:8px!important}
  .df-app .df-lights{display:flex;gap:4px}
  .df-app .df-lights i{width:6px;height:6px}
  .df-app .df-appnav{height:38px;min-height:38px;padding:3px 6px}
  .df-app .df-appnav>div{gap:1px;min-width:0}
  .df-app .df-appnav button{padding:7px 9px;font-size:11px}
  .df-app .df-datebar{padding:15px 12px 10px;gap:7px;flex-direction:row;align-items:center}
  .df-app .df-datebar h3{font-size:23px}
  .df-app .df-datebar p{font-size:11px}
  .df-app .df-datecontrols{margin-left:auto;gap:2px}
  .df-app .df-datecontrols button{min-width:24px;height:28px}
  .df-app .df-datecontrols button:nth-child(2){padding:0 6px;font-size:10px}
  .df-app .df-toolbar{padding:0 12px 9px;gap:6px}
  .df-app .df-toolbar>span{font-size:9px}
  .df-app .df-fixture{display:none}
  .df-app .df-segment button{padding:5px 11px;font-size:10px}
  .df-app .df-filters{padding:0 10px 9px;gap:2px;flex-wrap:wrap;overflow:visible}
  .df-app .df-filters button{padding:5px;font-size:9px;gap:4px}
  .df-app .df-timeline-body{display:block;min-height:0;flex:none}
  .df-app .df-agenda{padding:10px}
  .df-app .df-activity-wrap{display:block!important;margin-bottom:4px}
  .df-app .df-expand{width:24px;min-width:24px;font-size:17px!important}
  .df-app .df-select{display:flex;flex-wrap:wrap;gap:3px 8px;padding:7px 9px 7px 0!important}
  .df-app .df-activity-title{font-size:12px;line-height:1.35;flex-basis:100%;order:1}
  .df-app .df-time{font-size:9px;width:auto;order:2}
  .df-app .df-duration{font-size:9px;order:3}
  .df-app .df-inline-summary{display:block;font-size:11px;margin-bottom:4px}
  .df-app .df-subactivities{padding:9px 10px 10px 24px}
  .df-app .df-subactivities span{font-size:10px}
  .df-app .df-idle,.df-app .df-inspector,.df-app .df-compact-detail{display:none}
  .df-app .df-demo-notice{font-size:8px!important;padding-top:9px}
  .df-app .df-agenda-pager{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 0 0;color:#8c8c8c;font-size:9px}
  .df-app .df-agenda-pager button{padding:5px 7px;border:1px solid #e8e8e8;border-radius:4px;font-size:10px}
  .df-app .df-week{overflow:visible;padding:0 10px 12px}
  .df-app .df-weekheader,.df-app .df-weekbody{grid-template-columns:28px repeat(3,minmax(0,1fr));width:100%;min-width:0}
  .df-app .df-weekbody{height:280px}
  .df-app .df-weekblock{left:2px;right:2px;padding:3px!important}
  .df-app .df-weekblock>span{font-size:8px}
  .df-app .df-weekblock>small{display:none}
  .df-app .df-week-hint{display:block;padding:0 12px 8px;font-size:9px;color:#8c8c8c}
  .df-app .df-recap{padding:14px 12px}
  .df-app .df-recap-heading{gap:8px;margin-bottom:12px}
  .df-app .df-recap-heading h3{font-size:14px}
  .df-app .df-recap-heading h3>span{display:block;font-size:9px;margin-top:3px}
  .df-app .df-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .df-app .df-kpis>div{padding:9px 10px;border-radius:7px}
  .df-app .df-kpis span{font-size:9px;white-space:normal}
  .df-app .df-kpis strong{font-size:19px;margin-top:5px}
  .df-app .df-chartcard{padding:12px 10px;margin-top:12px}
  .df-app .df-chart-heading{gap:5px}
  .df-app .df-chart-heading h4{font-size:11px}
  .df-app .df-chart-heading>span{font-size:8px}
  .df-app .df-chart{height:140px;gap:5px;margin-top:12px}
  .df-app .df-recap-bottom{display:none}
  .df-app .df-chat{padding:14px 12px;min-height:0}
  .df-app .df-chat-heading h3{font-size:13px}
  .df-app .df-chat-heading>span{font-size:8px}
  .df-app .df-chat-empty{padding:18px 0}
  .df-app .df-chat-empty h4{font-size:16px}
  .df-app .df-chat-prompts{gap:5px;margin:10px 0}
  .df-app .df-chat-prompts button{font-size:10px;padding:7px 8px}
  .df-app .df-composer{padding:9px}
  .df-app .df-composer textarea{font-size:16px;min-height:48px;max-height:none;overflow:hidden;resize:none}
  .df-app .df-citations strong{white-space:normal;font-size:11px}
  .df-app .df-settings,.df-app .df-wiki{padding:17px 13px}
  .df-app .df-settingrow{padding:14px 0;gap:10px}
  .df-app .df-provider-options,.df-app .df-wiki-tabs{flex-wrap:wrap}
  .df-app .df-settings-note{padding:10px;gap:8px}
  .df-app .df-wiki-tabs{margin:15px 0}

}
@media(max-width:360px){
  .section-shell{padding-left:20px;padding-right:20px}
  .hero-copy .actions>.button{width:100%;justify-content:space-between}
  .df-app .df-datebar{gap:8px}
  .df-app .df-appnav button{padding-left:5px;padding-right:5px;font-size:11px}
  .df-app .df-time{font-size:10px}
}
/* Keep the hero action pair balanced without shrinking its labels. */
@media(min-width:360px) and (max-width:760px){
  .hero-copy .actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:400px}
  .hero-copy .actions>.button{width:100%;min-width:0;font-size:14px;padding:12px 10px;gap:7px;justify-content:center}
}
@media(max-width:359px){
  .hero-copy .actions{display:grid;grid-template-columns:1fr}
  .hero-copy .actions>.button{width:100%;justify-content:space-between}
}
@media(max-width:760px){
  .df-app .df-content,.df-app .df-datebar,.df-app .df-toolbar,.df-app .df-timeline-body{min-width:0;max-width:100%}
  .df-app .df-toolbar{flex-wrap:wrap}
  .df-app .df-toolbar>span{min-width:0;white-space:normal}
  .df-app .df-datecontrols{flex-shrink:0;max-width:100%}
}
@media(max-width:760px){
  .df-app .df-recap-bottom{grid-template-columns:minmax(0,1fr)}
  .df-app .df-recap-bottom>div,.df-app .df-chartcard,.df-app .df-settings-note>p{min-width:0;max-width:100%}
  .df-app .df-topcategories h4,.df-app .df-category-stat>span,.df-app .df-settings-note p{overflow-wrap:anywhere}
  .df-app .df-settings-note>span{flex-shrink:0}
}

/* Mobile platform: custom press feedback replaces browser tap flashes; document
   text remains selectable and normal page bounce/pull-to-refresh stays enabled. */
html{scroll-padding-top:calc(86px + env(safe-area-inset-top,0px));-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;text-size-adjust:100%;color-scheme:light}
body{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}
button,a,summary,[role="button"]{touch-action:manipulation}
button,summary,[role="button"],.button,.page-btn{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
a,button,summary,[role="button"]{transition-property:background-color,color,opacity,transform;transition-duration:120ms;transition-timing-function:ease-out}
a:active,button:not(:disabled):active,summary:active,[role="button"]:active{opacity:.72}
.page-btn:active{transform:scale(.98)}
/* Coarse-pointer laptops/tablets need the same input-zoom protection as phones. */
@media(any-pointer:coarse){input,textarea,select,.df-app .df-composer textarea,.support-search{font-size:16px}}
/* Horizontal surfaces use native scrolling: do not claim their gestures in JS. */
.df-week,.df-filters,.table-scroll{touch-action:pan-x pan-y pinch-zoom}
.footer{padding-bottom:calc(23px + env(safe-area-inset-bottom,0px))}
.skip:focus{top:calc(8px + env(safe-area-inset-top,0px));left:calc(16px + env(safe-area-inset-left,0px))}
@media(prefers-reduced-motion:reduce){a,button,summary,[role="button"]{transition:none}}
/* Keep editorial content crisp; motion belongs primarily to product staging. */
[data-motion-ready]{filter:none!important}
@media(prefers-reduced-motion:no-preference){
 [data-motion-ready]{transition:opacity .45s ease var(--reveal-delay,0ms),transform .45s cubic-bezier(.2,.65,.3,1) var(--reveal-delay,0ms)}
 [data-motion-ready]:not(.is-visible){transform:translateY(8px)}
}
/* Reading content stays visible during fast page scrolling. Product layers keep
   their own motion; hiding whole sections caused empty phone viewports. */
[data-motion-ready],[data-motion-ready]:not(.is-visible){opacity:1;filter:none!important;transform:none}

/* Product previews are finite page content, never nested scroll surfaces.
   These rules intentionally outrank the decorative fragment composition. */
.df-app.df-full,.df-app.df-compact,.df-app.df-mini{height:auto!important;min-height:0!important;max-height:none!important;overflow:clip!important}
.df-app.df-app .df-content,.df-app.df-app .df-agenda,.df-app.df-app .df-filters,.df-app.df-app .df-week{height:auto!important;max-height:none!important;overflow:visible!important;overscroll-behavior:auto!important}
.df-app.df-app .df-content{min-height:0;flex:none}
.df-app.df-app .df-timeline-body{min-height:0;flex:none}
.df-app.df-app .df-filters{flex-wrap:wrap}
.df-app.df-app .df-activity-wrap{display:block!important}
.df-app.df-app .df-idle,.df-app.df-app .df-compact-detail{display:none}
.df-app.df-app .df-inspector .df-breakdown,.df-app.df-app .df-inspector h5,.df-app.df-app .df-inspector ul{display:none}
.df-app.df-app .df-inline-summary{display:block;font-size:11px;margin-bottom:4px}
.df-app .df-agenda-pager{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 0 0;color:#8c8c8c;font-size:9px}
.df-app .df-agenda-pager button{padding:5px 7px;border:1px solid #e8e8e8;border-radius:4px;font-size:10px}
.df-app.df-app .df-composer textarea{height:auto;max-height:none!important;overflow:hidden!important;resize:none}
.df-app.df-compact .df-recap-bottom,.df-app.df-mini .df-recap-bottom{display:none}
.df-full.df-full:not(.df-narrow){grid-template-rows:32px auto}
.fidelity-hero .live-hero-stage.hero-stage{height:auto!important}
.hero-output.hero-output,.feature-art.fragment-scene,.process-image.process-scene{overflow:clip}
/* Reference marketing links are still text; no underline, lift, or arrow travel. */
.text-link{color:#317cff;transition:none;text-decoration:none}
.footer.footer.footer a:not(.brand){color:rgba(25,25,25,.4);transition:none}
@media(hover:hover) and (pointer:fine){
 .text-link:hover{color:#317cff;text-decoration:none;transform:none}
 .footer.footer.footer a:not(.brand):hover{color:#337df4;background:transparent;transform:none;text-decoration:none}
}

/* Component-sized calendar excerpts retain readable Dayflow labels. */
.df-app.df-app .df-weekheader,.df-app.df-app .df-weekbody{grid-template-columns:28px repeat(var(--df-week-columns,5),minmax(0,1fr));width:100%;min-width:0}
.df-app.df-app .df-week-hint{display:block;font-size:10px;line-height:1.5;padding:0 12px 8px;color:#8c8c8c}
.df-app.df-app .df-week-curated .df-weekblock{min-height:28px;padding:3px 4px!important}
.df-app.df-app .df-week-curated .df-weekblock>span{font-size:10px;line-height:1.2;max-height:2.4em}
.df-app.df-app .df-week-curated .df-weekblock>small{display:none}
.df-app.df-app .df-week-curated .df-weekheader button,.df-app.df-app .df-week-curated .df-hours{font-size:10px}
@media(max-width:760px){
 .df-app.df-app .df-time,.df-app.df-app .df-duration,.df-app.df-app .df-filters button{font-size:10px}
 .df-app.df-app .df-agenda-pager button{position:relative;display:grid;place-items:center;width:44px;min-width:44px;height:44px;padding:0;border:0;background:none;isolation:isolate}
 .df-app.df-app .df-agenda-pager button:before{content:'';position:absolute;z-index:-1;width:19px;height:25px;border:1px solid #e8e8e8;border-radius:4px;background:#fff;pointer-events:none}
}

/* Single-column tablet previews cannot retain the old two-column last-card span. */
@media(max-width:760px){
 .feature-grid{grid-template-columns:minmax(0,1fr)}
 .feature-grid .feature:last-child{grid-column:auto;display:block}
}

/* Recap shows app totals from the same sample activities as the category chart. */
.df-app .df-topapps{padding:15px;border:1px solid #e8e8e8;border-radius:12px;min-width:0}
.df-app .df-topapps ol{list-style:none;padding:0;margin:0;display:grid;gap:16px}
.df-app .df-topapps li{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:baseline;column-gap:12px;row-gap:6px;padding:0}
.df-app .df-app-initial{grid-row:span 2;align-self:center;display:grid;place-items:center;width:20px;height:20px;border-radius:5px;background:rgba(0,0,0,.06);color:#707070;font-size:11px;font-weight:700}
.df-app .df-app-name{font-size:14px;font-weight:600;color:#333}
.df-app .df-app-time{font-size:12px;color:#8c8c8c;white-space:nowrap;font-variant-numeric:tabular-nums}
.df-app .df-app-meter{grid-column:2/-1;height:6px;background:rgba(0,0,0,.06);border-radius:3px;overflow:clip}
.df-app .df-app-meter i{display:block;height:100%;background:#4f80eb;border-radius:3px}
.df-app .df-topapps>p{font-size:9px;margin-top:9px}
.df-app .df-recap-category-link{padding:0;font-size:inherit;color:inherit;text-align:left;border-radius:2px}
@media(hover:hover) and (pointer:fine){.df-app .df-recap-category-link:hover{color:#333}}
@media(max-width:760px){.df-app.df-full .df-recap-bottom{display:grid;grid-template-columns:minmax(0,1fr)}.df-app.df-full .df-topapps{padding:12px}}
/* Five-column excerpts also need readable labels; remove redundant tiny times. */
.df-app.df-app .df-weekblock{padding:2px 3px!important}
.df-app.df-app .df-weekblock>span{font-size:10px;line-height:1.1}
.df-app.df-app .df-weekblock>small{display:none}
.df-app.df-app .df-weekheader button,.df-app.df-app .df-hours{font-size:10px}
/* Source fonts: calendar chrome, inspector and recap use the native UI stack;
   agenda titles, chat and timestamps keep DM Sans. */
.df-app{--df-calendar-font:-apple-system,BlinkMacSystemFont,'SF Pro Text','Helvetica Neue','Segoe UI',sans-serif}
.df-app .df-windowbar,.df-app .df-appnav,.df-app .df-datebar,.df-app .df-inspector,.df-app .df-recap{font-family:var(--df-calendar-font)}
/* Focused excerpts omit unrelated panels; detail remains an interactive native view. */
.df-app.df-fragment .df-fragment-back,.df-app .df-preview-back{display:block;margin:10px 12px;padding:7px 9px;border:1px solid rgba(0,0,0,.09);border-radius:5px;color:#707070;font-size:11px;text-align:left}
.df-app .df-fragment-capture-control{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:0 12px 10px;color:#8c8c8c;font-size:10px}
.df-app .df-fragment-capture-control .df-switch{padding:6px 9px;font-size:10px;border:1px solid rgba(0,0,0,.09);border-radius:5px}
.df-app.df-fragment:not(.df-fragment-detail) .df-recap-bottom{display:none}
.df-app.df-fragment:not(.df-fragment-detail) .df-chat-response{margin-bottom:0}
.df-app.df-fragment .df-settings .provider-setting{padding:12px 0}
@media(max-width:760px){.df-app .df-preview-back,.df-app.df-fragment .df-fragment-back,.df-app.df-fragment .df-provider-options button,.df-app.df-fragment .df-fragment-capture-control .df-switch{min-height:44px}}

/* Titlebar centering belongs to the component, independent of its marketing host. */
.df-app .df-windowbar{position:relative}

/* Validation remains visible even in an editorial excerpt that omits its initial hint. */
.df-app .df-chat-help[data-feedback="error"]{display:block;color:#8a4a32}
/* Mobile hit regions preserve the small native controls without overlapping
   adjacent controls. Dense chart columns and calendar arrows stay compact. */
@media(max-width:760px){
 .df-app .df-segment button{position:relative;min-width:44px}
 .df-app .df-segment button:after{content:'';position:absolute;left:0;right:0;top:50%;height:44px;transform:translateY(-50%)}
 .df-app .df-chartdetail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:0 8px}
 .df-app .df-recap-category-link{display:flex;align-items:center;min-width:0;min-height:44px;padding:4px 0}
 .df-app .df-recap-category-link i{flex-shrink:0}
 .df-app .df-citations button,.df-app .df-wiki article button{min-height:44px}
}
/* The reference's seven-row updates block, using genuine Dayflow guides. */
.home-guides{width:calc(100% - 120px);max-width:1280px;margin:120px auto 0;padding:60px 20px;min-height:496px;border:1px solid var(--line);border-top:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.home-guide-intro{display:flex;flex-direction:column;justify-content:space-between;min-width:0}
.home-guide-intro>h2{font-size:40px;line-height:41.6px;letter-spacing:-1.4px}
.home-guide-preview-wrap{width:210px;max-width:100%;margin-top:40px}
.home-guide-preview{height:110px;background:#fff;border:1px solid #e2e2e5;border-radius:5px;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:8px;color:#65686c;box-shadow:0 1px 3px #00000004}
.home-thumb-chrome{height:17px;display:flex;align-items:center;gap:3px;border-bottom:1px solid #ededee;padding:0 6px;background:#fafafa;font-size:7px;color:#999}
.home-thumb-chrome i{width:4px;height:4px;border-radius:50%;background:#ddd}.home-thumb-chrome i:nth-child(1){background:#efd3ca}.home-thumb-chrome i:nth-child(2){background:#ece2be}.home-thumb-chrome i:nth-child(3){background:#d1e4cf}.home-thumb-chrome span{margin-left:5px}
.home-guide-preview [data-home-guide-preview]{padding:7px 9px}.home-thumb-heading{font-size:10px;font-weight:600;line-height:13px;color:#333;margin-bottom:5px}.home-thumb-row{height:17px;display:flex;align-items:center;gap:9px;padding:1px 4px;border-radius:3px}.home-thumb-row b{font-weight:400;color:#555}.home-thumb-row.chosen,.home-thumb-choice.chosen{background:#edf1fb;color:#5479b7}.home-thumb-chart{height:55px;display:flex;align-items:flex-end;gap:10px;padding:0 15px;border-bottom:1px solid #eee}.home-thumb-chart i{width:20px;height:var(--bar);background:linear-gradient(to top,#779def 65%,#a596e7 65%,#a596e7 85%,#9ddbd0 85%);border-radius:2px 2px 0 0}.home-thumb-question{margin:7px 0;background:#f1f4fc;border-radius:3px;padding:5px}.home-thumb-answer{font-size:9px;line-height:15px;margin-top:6px}.home-thumb-choice{padding:6px;border-radius:3px}.home-guide-caption{font:14px/20px var(--marketing-sans);color:#777;margin-top:10px;letter-spacing:0}
.home-guide-list{grid-column:span 3;min-width:0}.home-guide-row{display:grid;grid-template-columns:75px minmax(0,1fr) 102px 18px;gap:36px;align-items:center;min-height:56px;padding:15px 0 16px;border-top:1px solid var(--line);font-size:20px;line-height:24px;color:#191919}.home-guide-row:first-child{border-top:0;padding-top:0;min-height:55px}.home-guide-row:last-child{padding-bottom:0;min-height:40px}.home-guide-title{min-width:0}.home-guide-type{font-size:16px;line-height:22.4px;color:rgba(25,25,25,.4)}.home-guide-arrow{font-size:22px;line-height:24px}
@media(hover:hover) and (pointer:fine){.home-guide-row:hover,.home-guide-row:hover .home-guide-type{color:#317cff}}
.home-guide-row:focus-visible{outline:2px solid #317cff;outline-offset:5px;color:#317cff}
@media(max-width:900px){.home-guide-row{grid-template-columns:40px minmax(0,1fr) 18px;gap:16px;font-size:18px}.home-guide-type{display:none}.home-guide-preview-wrap{width:100%}.home-guide-caption{font-size:10px}}
@media(max-width:700px){.home-guides{width:calc(100% - 40px);margin-top:64px;padding:40px 0;display:block;min-height:0}.home-guide-intro>h2{font-size:32px;line-height:33.6px;margin-bottom:32px}.home-guide-intro>h2 br{display:none}.home-guide-preview-wrap{display:none}.home-guide-row{font-size:16px;line-height:22.4px;min-height:60px;padding:18px 0}.home-guide-row:first-child{padding-top:0;min-height:42px}.home-guide-row:last-child{padding-bottom:0}}
.home-guide-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:700px){.home-guides{padding:48px 0;border:0}.home-guide-intro>h2{font-size:32px;line-height:33.28px;padding-top:10px;margin-bottom:32px}.home-guide-row{grid-template-columns:50px minmax(0,1fr);gap:20px;font-size:16px;line-height:24px;min-height:56px;padding:15px 0 16px}.home-guide-row:first-child{min-height:55px}.home-guide-row:last-child{min-height:40px}.home-guide-arrow{display:none}}
.home-guide-row{grid-template-columns:75px minmax(0,1fr) 102px 104.328px}
.home-guide-action{display:flex;align-items:center;justify-content:space-between;gap:8px;white-space:nowrap;font-size:16px;line-height:22.4px}
.home-guide-read-more{visibility:hidden}
.home-guide-row:focus-visible .home-guide-read-more{visibility:visible}
@media(hover:hover) and (pointer:fine){.home-guide-row:hover .home-guide-read-more{visibility:visible}}
@media(max-width:900px){.home-guide-row{grid-template-columns:40px minmax(0,1fr) 18px;gap:16px}.home-guide-read-more{display:none}.home-guide-action{width:18px}}
@media(max-width:700px){.home-guide-row{grid-template-columns:50px minmax(0,1fr);gap:20px}.home-guide-action{display:none}}

/* Real touch targets in live previews. Their natural height and the homepage
   frame observer absorb growth; no invisible overlapping hit boxes or scrollers.
   Important declarations only beat the resting homepage's later dense chrome. */
@media(any-pointer:coarse){
 .df-app.df-app .df-datebar{flex-wrap:wrap!important}
 .df-app.df-app .df-datecontrols{flex-wrap:wrap;max-width:100%;min-width:0}
 .df-app.df-app .df-datecontrols button{min-width:44px!important;min-height:44px;height:44px;flex-shrink:0}
 .df-app.df-app .df-filters button{min-width:44px;min-height:44px;max-width:100%;white-space:normal}
 .df-app.df-app .df-expand{width:44px;min-width:44px;min-height:44px;flex-shrink:0}
 .df-app.df-app .df-select{min-height:44px}
}