:root{--paper:#f7f7f1;--ink:#1b1c14;--muted:#85867b;--line:#e7e7df;--sand:#efede4;--orange:#de9952;--dark:#191b14;--radius:25px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);background:var(--paper);font-family:"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #ad7844;outline-offset:5px}button:disabled{cursor:default}.wrap{max-width:1160px;margin:auto}.nav{position:fixed;top:18px;left:50%;transform:translateX(-50%);width:min(800px,calc(100% - 36px));height:53px;background:#fffffbea;backdrop-filter:blur(18px);border:1px solid #eeeee6;border-radius:40px;display:flex;align-items:center;padding:8px 10px 8px 15px;gap:22px;z-index:20;box-shadow:0 8px 25px #27231308}.brand{display:flex;align-items:center;gap:8px;font-weight:650;letter-spacing:-.4px;white-space:nowrap}.brand img{width:30px;height:30px}.nav nav{display:flex;gap:24px;flex:1;justify-content:center;font-size:12px;color:#7c7e71}.nav nav a:hover,.nav nav a.active{color:var(--ink)}.nav nav a.active{border-bottom:1px solid var(--ink);padding-bottom:5px}.button{display:inline-flex;align-items:center;justify-content:center;gap:17px;padding:15px 23px;background:var(--ink);color:#fff;border:1px solid var(--ink);border-radius:40px;font-size:13px;white-space:nowrap;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:#35372b}.button.light{background:#fffffb;color:var(--ink);border-color:#efefe7}.button.small{padding:8px 13px;font-size:11px;gap:10px}.buttons{display:flex;gap:11px;margin:27px 0 15px}.mono,.eyebrow,.section-label{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;letter-spacing:.4px}.muted{color:var(--muted)}.hero{margin:8px 8px 0;border-radius:28px;background:url('v/20261001-10/assets/desert-dunes.png') center bottom / cover no-repeat;position:relative;padding:152px 50px 0;height:820px}.hero-copy{display:grid;grid-template-columns:1.55fr 1fr;gap:30px;align-items:center}.pill{display:inline-flex;gap:13px;align-items:center;padding:10px 15px;background:#fff9;border:1px solid #fff8;border-radius:30px;font-size:11px}.spark{color:#be7447;font-size:18px}h1{font-size:clamp(52px,5.6vw,78px);letter-spacing:-4.5px;line-height:1.02;font-weight:500;margin:27px 0 0}.hero-right{padding-top:28px}.hero-right p{font-size:15px;line-height:1.7;max-width:410px}.hero-right .mono{font-size:9px;color:#706e64}.app-window{max-width:1110px;margin:78px auto 0;background:#fffefb;border:1px solid #bfbcb244;border-radius:14px;box-shadow:0 40px 80px #3e2e2526;overflow:hidden;position:relative;z-index:2}.app-top{height:44px;background:#f7f7f2;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:27px;padding:0 18px;font-size:10px}.traffic{display:flex;gap:6px}.traffic i{width:9px;height:9px;border-radius:50%;background:#ff6057}.traffic i:nth-child(2){background:#ffbd2e}.traffic i:nth-child(3){background:#29c840}.app-top>span{display:flex;gap:6px;align-items:center}.app-top img{width:19px;height:19px}.app-top-right{margin-left:auto;color:var(--muted);font-size:9px}.record-dot{width:5px;height:5px;background:#83a67a;border-radius:50%;display:inline-block}.app-body{display:grid;grid-template-columns:185px 1fr 290px;min-height:440px}.app-sidebar{background:#f0f0e9;padding:27px 16px;position:relative}.sidebar-title,.summary-label{font:8px ui-monospace,SFMono-Regular,monospace;letter-spacing:1px;color:#8e9084}.side-link{width:100%;background:none;border:0;display:flex;align-items:center;gap:13px;text-align:left;border-radius:7px;font-size:15px;padding:12px 8px;color:#7a7c70}.side-link span{font-size:11px}.side-link.selected{background:#e4e5db;color:var(--ink)}.second{margin:34px 0 13px}.app-list{font-size:11px;padding:10px 8px;display:flex;align-items:center;gap:12px}.app-list>span{font-size:17px}.app-list b{margin-left:auto;font-weight:400;color:#939688;font-size:9px}.chrome-dot{color:#cf9259}.claude-mark{color:#b67656}.sidebar-bottom{position:absolute;bottom:22px;left:24px;font-size:8px;color:#7f8373;display:flex;gap:7px;align-items:center}.timeline-panel{padding:32px 24px 30px;min-width:0}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.eyebrow{color:#959789;font-size:8px;letter-spacing:1.2px}h2{font-size:32px;letter-spacing:-1.5px;font-weight:500;margin:7px 0}button.day-picker{font-size:9px;background:#f1f1e9;border:1px solid #e9e9e0;border-radius:25px;padding:8px 11px;display:flex;gap:14px}.moment{display:flex;align-items:center;width:100%;border:1px solid #edeee5;border-radius:10px;background:white;padding:18px 13px;text-align:left;gap:12px;margin:10px 0;transition:.2s}.moment.selected{border-color:#c9cdb8;background:#f6f7ef}.moment:hover{border-color:#b6bda1}.moment-time{font:8px ui-monospace,monospace;color:#969b85}.moment-symbol,.detail-icon{display:grid;place-items:center;background:#efece0;color:#947546;border-radius:8px;width:31px;height:31px;flex-shrink:0;font-size:17px}.moment-symbol.ai{background:#f6e8e1;color:#b87a5a}.moment-symbol.web{color:#c08c53}.moment strong{font-size:11px;font-weight:500;display:block;line-height:1.4}.moment small{display:block;font-size:9px;margin-top:5px;color:#909387}.moment-arrow{font-size:12px;color:#9b9f8e;margin-left:auto}.context-strip{display:flex;gap:10px;align-items:center;color:#a4a798;margin-top:40px;font-size:9px}.context-strip p{flex:1}.context-strip>span:last-child{font:8px ui-monospace,monospace}.detail-panel{border-left:1px solid var(--line);padding:34px 26px}.detail-icon{width:40px;height:40px;font-size:24px;margin:20px 0 15px}.detail-panel h3{font-size:18px;line-height:1.2;letter-spacing:-.6px;font-weight:500;margin:0 0 10px}.detail-meta{font-size:9px;color:#989b8c}.summary-label{display:flex;justify-content:space-between;margin:31px 0 10px}.detail-panel p{font-size:11px;line-height:1.7;color:#666b5c}.context-button{display:flex;gap:10px;align-items:center;border:0;background:transparent;padding:10px 0;font-size:10px;color:#737c5f}.detail-rule{height:1px;background:var(--line);margin:22px 0}.evidence-row{font-size:9px;display:flex;align-items:center;gap:10px;margin-top:17px}.mini-dot{width:5px;height:5px;border-radius:50%;background:var(--orange)}.evidence-caption{font-size:8px;color:#999d8b;line-height:1.6;margin:11px 0}.preview-search{margin-bottom:16px}.preview-search label{font-size:9px;display:block;color:var(--muted);margin-bottom:8px}.preview-search input{width:100%;border:1px solid var(--line);background:#fafaf5;padding:12px;border-radius:8px;font-size:11px}.empty-search{font-size:12px;padding:15px;color:var(--muted)}[hidden]{display:none!important}.skip{position:fixed;top:-50px;left:20px;background:white;padding:10px;z-index:100}.skip:focus{top:10px}footer{padding:65px 0 40px;display:grid;grid-template-columns:1fr 1fr;gap:22px;border-top:1px solid var(--line);font-size:12px}footer p{margin:0;color:var(--muted)}footer div{display:flex;gap:30px}footer>.mono{justify-self:end}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:14px 25px;background:#22251a;color:white;border-radius:40px;font-size:12px;box-shadow:0 10px 30px #0002;z-index:40}@media(max-width:1000px){.wrap{max-width:calc(100% - 70px)}.hero{padding:140px 25px 0}.hero-copy{max-width:100%;grid-template-columns:1.4fr 1fr}h1{font-size:62px;letter-spacing:-3px}.app-body{grid-template-columns:150px 1fr 250px}.app-sidebar{padding:27px 10px}.timeline-panel{padding:30px 16px}.detail-panel{padding:30px 19px}.app-window{margin-top:60px}.hero{height:800px}}@media(max-width:760px){.nav{height:55px;padding:8px 11px}.nav nav{display:none}.nav .button{margin-left:auto}.hero{padding:120px 21px 0;height:900px;background-position:40% bottom}.hero-copy{display:block}.hero-right{padding-top:18px}.hero-right p{font-size:14px;max-width:450px}h1{font-size:55px;letter-spacing:-3px}.pill{font-size:10px}.app-window{margin-top:43px}.app-body{grid-template-columns:1fr}.app-sidebar,.detail-panel{display:none}.timeline-panel{padding:25px 16px 35px}.app-top{gap:18px}.app-top-right{font-size:7px}.moment strong{font-size:12px}.wrap{max-width:calc(100% - 42px)}footer{grid-template-columns:1fr;padding:45px 0}footer>.mono{justify-self:start}.button{padding:13px 18px}.context-strip{margin-top:24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
/* Reference-matched landing page composition. */
:root{--paper:#f7f7f1;--ink:#17190f;--muted:#898a80;--line:#e9e9df;--dark:#17190f;--sand:#eeece3;--orange:#eea64d}.wrap{max-width:1128px}.nav{width:min(778px,calc(100% - 36px));height:49px;gap:16px;top:18px;padding:6px 8px 6px 14px;box-shadow:0 10px 24px #24261609}.nav nav{gap:23px;font-size:12px}.brand img{width:27px;height:27px}.github-nav{display:flex;align-items:center;justify-content:center}.github-nav svg{width:17px;height:17px}.button{font-size:13px;padding:14px 20px;gap:9px;font-weight:500}.button svg{width:15px;height:15px;flex-shrink:0}.button.small{padding:8px 13px;font-size:11px}.button.small svg{width:12px;height:12px}.hero{height:830px;padding:144px 35px 0;margin:8px 2px 0;border-radius:28px;background-position:center bottom}.hero-copy{grid-template-columns:1.5fr 1fr;gap:48px;max-width:1160px}.hero-right{padding-top:30px}.hero-right p{font-size:15px;line-height:1.65;max-width:430px;margin:0}.hero-right .buttons{margin:27px 0 17px}.hero-copy h1{font-size:80px;line-height:1;letter-spacing:-4.6px;margin:26px 0 0;font-weight:500}.pill{font-size:11px;padding:8px 12px;gap:10px}.hero-right .mono{letter-spacing:.3px}.app-window{max-width:1060px;margin-top:78px;box-shadow:0 27px 55px #33281638;border:1px solid #424238;border-radius:12px;background:#1c1e16;color:#eeeee4}.app-top{background:#25271e;border-color:#37392e;color:#d8d9cb}.app-top-right{color:#8f9480}.app-body{min-height:480px;grid-template-columns:204px 1fr 278px}.app-sidebar{background:#202219;border-right:1px solid #37392e}.sidebar-title,.summary-label{color:#999b86}.side-link{color:#b9bca8}.side-link.selected{background:#32362a;color:#f3f3e7}.app-list b{color:#838c70}.timeline-panel{background:#1b1e15;padding:30px 20px}.panel-heading h2{font-size:29px;color:#eaece0}.day-picker{background:#2a2d21!important;border-color:#424636!important;color:#bfc5a9}.moment{background:#24291b;border-color:#3d4430;padding:18px 11px;min-height:82px}.moment.selected{background:#303724;border-color:#646e47}.moment:hover{border-color:#8d9868}.moment strong{font-size:12px;color:#e6ebd9}.moment small,.moment-time{color:#9ca585}.moment-symbol{background:#363824;color:#e2c071}.moment-symbol.web{background:#283927;color:#9cb97e}.moment-symbol.ai{background:#3d2f25;color:#d7a181}.detail-panel{background:#23261b;border-color:#373d2b;padding:32px 23px}.detail-icon{background:#383a25;color:#e1c378}.detail-panel h3{font-size:19px;color:#f0f1e5}.detail-meta{color:#919c7b}.detail-panel p{color:#c2c9ac;font-size:12px}.detail-panel .context-button{color:#b5c791}.detail-rule{background:#3d442d}.evidence-caption{color:#889671}.eyebrow{color:#909779}.context-strip{color:#889571}.context-strip p{font-size:9px}.preview-search input{background:#252c1c;color:#f2f4e4;border-color:#4c5639}.section{padding:130px 0}.section-label{color:#959689;font-size:10px;letter-spacing:1px;display:flex;align-items:center;gap:12px;margin-bottom:28px}.section-label>span{height:1px;width:22px;background:#dcdccf}.section-label:first-letter{color:#af9370}.section-heading{display:grid;grid-template-columns:1.75fr 1fr;gap:85px;align-items:center;margin-bottom:58px}.section-heading h2,.standalone-title,.faq-section h2{font-size:60px;line-height:1.05;font-weight:500;letter-spacing:-3.2px;margin:0}.section-heading p,.faq-section>div>p{font-size:14px;line-height:1.7;color:var(--muted);max-width:350px;margin:0}.why{padding-top:245px;padding-bottom:145px;display:grid;grid-template-columns:230px 1fr;gap:62px;align-items:center}.why .section-label{margin:0}.statement{font-size:44px;line-height:1.2;letter-spacing:-1.7px;margin:0}.inline-app{background:#fdfdf8;border:1px solid #eeeee6;border-radius:40px;padding:1px 11px;white-space:nowrap}.faded{color:#c4c5ba}.apps-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.apps-grid article{padding:40px 28px;position:relative}.apps-grid article+article{border-left:1px solid var(--line)}.app-tile{width:59px;height:59px;display:grid;place-items:center;background:#efeae0;border-radius:18px;font-size:32px;margin-bottom:24px}.note-tile{color:#b89353;background:#f2edde}.chrome-tile{color:#373e23}.ai-tile{color:#bf805e;background:#f3e8e1}.corner-label{position:absolute;right:28px;top:63px;font:9px ui-monospace,monospace;color:#b3b5a6}.apps-grid h3{font-size:29px;font-weight:500;letter-spacing:-1px;margin:0 0 4px}.apps-grid small{font-size:12px;color:#989b8b}.apps-grid p{font-size:13px;line-height:1.65;color:#767c6d;margin:27px 0 23px;min-height:86px}.checks{display:grid;grid-template-columns:1fr 1fr;gap:13px 15px;font-size:12px;color:#7e8372}.checks span:before{content:'✓';color:#bfa782;margin-right:7px}.command{margin-top:32px;border-radius:30px;padding:12px 13px;background:#fcfcf7;font:9px ui-monospace,monospace;color:#868c77;border:1px solid #eeeee5;display:flex;gap:8px;justify-content:space-between}.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.card{grid-column:span 2;border-radius:22px;padding:25px;background:#fdfdf9;border:1px solid #efefe7;overflow:hidden;min-width:0}.card.span-two{grid-column:span 4}.card.summary-card{grid-column:span 2}.card.half{grid-column:span 3}.card.dark{background:var(--dark);color:#eff0e4;border-color:#333729}.dark{background:var(--dark);color:#eff0e4}.sand{background:var(--sand)}.card h4,.numbered h4{font-size:16px;font-weight:500;letter-spacing:-.5px;margin:25px 0 10px}.card p,.numbered p{font-size:13px;line-height:1.65;color:#898d7e;margin:0;max-width:410px}.dark p{color:#a2a894}.lanes{padding:15px 0 10px}.lanes>div{display:flex;align-items:center;gap:16px;border-bottom:1px solid #303326;padding:16px 0}.lanes>div:last-child{border:0;padding-top:23px}.lane-icon{font-size:20px;color:#d29957}.lanes>div>span:nth-child(2){font-size:11px;min-width:135px}.lanes small{font:8px ui-monospace,monospace;display:block;color:#7e8870;margin-top:6px}.lanes i{height:3px;flex:1;background:#3b4130;position:relative}.lanes i b{width:7px;height:7px;background:#eead57;position:absolute;top:-2px;border-radius:50%;box-shadow:0 0 9px #eead5740}.lanes em{font:9px ui-monospace,monospace;color:#929e7d;min-width:60px;text-align:right}.lane-total i{background:linear-gradient(to right,#bcc6a6 65%,#353d28 65%)}.mini-summary{border-radius:10px;padding:20px;min-height:166px}.mini-header{font:9px ui-monospace,monospace;color:#9a9e8b;display:flex;justify-content:space-between}.mini-summary p{font-size:12px;color:#ced5bb;margin:20px 0 12px}.mini-summary a{font-size:9px;color:#e0ce8a}.scrubber{display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px;font:8px ui-monospace,monospace;color:#9b9e8e;margin-top:22px}.scrubber i{height:2px;background:#e5e5db;width:100%;position:relative}.scrubber b{width:10px;height:10px;position:absolute;right:0;top:-4px;border-radius:50%;background:#1e2217}.floating{background:#fffefb;border-radius:14px;box-shadow:0 10px 25px #494c3910;padding:18px;margin:0 0 44px;font-size:10px}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding-top:16px;gap:8px}.demo-toggle{border:0;background:#eda64f;width:27px;height:15px;padding:2px;border-radius:15px;position:relative;flex-shrink:0}.demo-toggle:after{content:'';display:block;position:absolute;width:11px;height:11px;background:#fffff8;right:2px;top:2px;border-radius:50%}.demo-toggle[aria-checked=false]{background:#d6d8cd}.demo-toggle[aria-checked=false]:after{right:14px}.search-small{font-size:11px;line-height:1.8;min-height:120px;margin-bottom:32px}.search-small>span{margin-right:9px}kbd{float:right;font:9px ui-monospace,monospace;color:#a2a699;background:#f1f2eb;border-radius:4px;padding:2px 5px}hr{border:0;border-top:1px solid #edeee5;margin:16px 0}.usage-preview{padding:0 0 12px;font-size:10px;color:#575e49}.usage-preview>div:not(.tabs){padding:12px 0 4px}.usage-preview>div>span{float:right;color:#969c89;font:9px ui-monospace,monospace}.usage-preview i{display:block;height:3px;background:linear-gradient(to right,#82916c var(--w),#e6e9df var(--w));margin-top:9px}.usage-preview>div:nth-child(2) i{background:linear-gradient(to right,#b97c59 var(--w),#e6e9df var(--w))}.tabs{display:inline-flex;gap:5px;background:#f0eee5;border-radius:20px;padding:3px;margin-bottom:9px;font-size:9px;color:#898e7a}.tabs b{font-weight:500;background:#fffdf9;padding:3px 9px;border-radius:20px}.tabs span{padding:3px 9px}.connection-preview{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:12px 5px 34px;font-size:13px}.connection-preview em{float:right;color:#aaae9c;font:9px ui-monospace,monospace;background:#eeeede;border-radius:20px;padding:5px 10px}.connection-preview>div{grid-column:span 2;margin-top:28px;font-size:9px}.icon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:-8px -8px 18px}.icon-grid>span{border:1px solid #eceee4;border-radius:15px;text-align:center;padding:24px 3px;font-size:27px;color:#8b936f}.icon-grid small{display:block;font-size:9px;color:#939a84;margin-top:11px}.illustration-note{font:9px ui-monospace,monospace;color:#adb0a1;text-align:right;margin-top:14px}.recall-section{background:#f1f0e7}.recall-layout{display:grid;grid-template-columns:240px 1fr;gap:48px;align-items:start}.numbered article{margin-bottom:42px}.numbered article>span,.workflow-step>span{font:9px ui-monospace,monospace;color:#b49a77}.numbered h4{margin:12px 0 9px}.numbered p{font-size:12px}.numbered>.mono{font-size:8px;line-height:1.6;margin-top:55px}.recall-window{background:#fdfdf9;border:1px solid #e9e9df;border-radius:16px;box-shadow:0 20px 40px #55514016;overflow:hidden}.window-bar{height:43px;padding:0 15px;display:flex;gap:18px;align-items:center;border-bottom:1px solid #eaece1;font-size:10px}.window-bar>span:last-child{margin-left:auto;color:#adb39c}.window-bar .traffic i{background:#d4d7ca}.recall-body{display:grid;grid-template-columns:175px 1fr;min-height:430px}.recall-body aside{padding:24px 16px;border-right:1px solid #e9ede0;background:#fafbf4}.recall-body aside>div{padding:13px 8px;font-size:10px;color:#7d8669;border-radius:6px}.recall-body aside>.selected{background:#eeeee1;color:#454d33;margin-top:14px}.recall-body aside>.eyebrow:nth-of-type(2){display:block;margin:23px 0 8px}.recall-content{padding:22px 19px}.search-box{padding:10px 13px;border-radius:8px;background:#f4f5ec;border:1px solid #e5e9d9;font-size:11px;color:#818a6d}.result-card{margin-top:18px;border:1px solid #e2e7d6;border-radius:10px;padding:20px}.result-card h3{font-size:20px;font-weight:500;letter-spacing:-.7px;margin:16px 0}.result-card .summary-label{margin:20px 0 10px}.result-card p{font-size:12px;line-height:1.6;color:#848d73}.result-card .activity-detail{color:#737e61}.activity-detail small{margin-left:22px;font-size:9px;color:#a1ab90}.result-bottom{padding:20px 8px 3px;font-size:10px;color:#7b8469;display:flex;justify-content:space-between}.standalone-title{margin-bottom:70px}.workflow-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:65px;align-items:start}.workflow-steps{border-left:1px solid #e7e6da}.workflow-step{display:block;width:100%;min-height:185px;padding:30px 27px;text-align:left;border:0;border-left:2px solid transparent;margin-left:-1px;background:transparent;color:#b8baad;transition:color .2s,border-color .2s}.workflow-step.active{border-left-color:#e4ad64;color:var(--ink)}.workflow-step h3{font-size:27px;font-weight:500;letter-spacing:-.8px;margin:13px 0 10px}.workflow-step p{font-size:13px;line-height:1.7;color:#95998b;margin:0;max-width:380px}.workflow-stage{position:sticky;top:120px;aspect-ratio:1.07;border-radius:25px;background-color:#eeece2;background-image:linear-gradient(#dddcc622 1px,transparent 1px),linear-gradient(90deg,#dddcc622 1px,transparent 1px);background-size:44px 44px;display:flex;align-items:center;justify-content:center;padding:40px;min-height:400px}.stage-caption{position:absolute;left:23px;right:23px;top:24px;display:flex;justify-content:space-between;font:9px ui-monospace,monospace;color:#9da18e}.workflow-demo{background:#fffffa;border-radius:14px;padding:25px;width:100%;max-width:375px;box-shadow:0 20px 32px #4a47381c}.workflow-demo h4{font-size:13px;font-weight:500;margin:0 0 22px}.setting-row{padding:15px 10px;border-radius:8px;font-size:11px;display:flex;gap:10px;align-items:center;justify-content:space-between;border-bottom:1px solid #eeeeE3}.setting-row:first-of-type{background:#f0eee4}.setting-row>span{font:8px ui-monospace,monospace;color:#9b9f8c}.switch-illustration{width:25px;height:14px;border-radius:20px;background:#e8a657;position:relative}.switch-illustration:after{content:'';width:10px;height:10px;position:absolute;top:2px;right:2px;border-radius:50%;background:#fff}.workflow-caption{font-size:10px;color:#a0a58e;line-height:1.8;margin-top:22px;text-align:center}.keyboard-panel{border-radius:24px;border:1px solid #e8e9db;background:#f2f0e6;padding:65px;display:flex;justify-content:center;flex-wrap:wrap;gap:14px}.key{font-size:35px;border:1px solid #e1e3d2;background:#fdfdf7;border-radius:15px;width:75px;height:75px;display:grid;place-items:center;box-shadow:0 5px 0 #dddfd0;color:#71795e}.keyboard-search{min-width:400px;height:75px;display:flex;align-items:center;gap:23px;background:#fdfdf7;border-radius:15px;padding:0 24px;font-size:19px;color:#8b927b;border:1px solid #e1e3d2;box-shadow:0 5px 0 #dddfd0}.enter-key{margin-left:auto}.keyboard-panel p{width:100%;text-align:center;font-size:12px;color:#9a9f8b;margin:27px 0 0}.privacy-diagram{border-radius:25px;padding:42px 45px 45px}.diagram-columns{display:grid;grid-template-columns:1fr .8fr 1fr;gap:20px;align-items:end}.diagram-columns .eyebrow{display:block;margin-bottom:23px;font-size:9px;color:#89927c}.diagram-row{border:1px solid #333a28;background:#21251a;border-radius:9px;padding:15px 13px;font-size:12px;margin:8px 0;color:#d1d8bf}.diagram-row small{font:8px ui-monospace,monospace;float:right;color:#818e70;padding-top:3px}.diagram-path{position:relative;padding-bottom:25px}.diagram-path img{position:absolute;width:25px;height:25px;left:50%;top:-35px;transform:translateX(-50%)}.diagram-path>span{position:absolute;top:-4px;text-align:center;width:100%;font-size:10px;color:#8f9a7c}.diagram-path i{display:block;height:1px;background:#353d26;margin:55px 0 0;position:relative}.diagram-path i:first-of-type{margin-top:26px}.diagram-path b{position:absolute;left:48%;width:9px;height:3px;top:-1px;background:#e6ac5c;box-shadow:0 0 10px #e6ac5c33}.privacy-note{border:1px solid #2c3420;border-radius:9px;display:flex;gap:18px;max-width:430px;align-items:center;margin:50px auto 0;padding:20px 25px}.privacy-note>span{font-size:25px;color:#7e8c68}.privacy-note strong{font-size:13px;font-weight:500}.privacy-note p{font-size:11px;line-height:1.6;margin:7px 0 0;color:#899576}.pricing-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:15px}.price-card,.beta-card{border-radius:25px;background:#fffffa;padding:34px;position:relative;overflow:hidden}.price-card:before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:#e6aa63}.price-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.price-top h3{font-size:29px;font-weight:500;letter-spacing:-1px;margin:0}.price-top>.mono{font-size:9px}.price{font-size:96px;letter-spacing:-6px;line-height:1.2;margin:23px 0 33px}.price small{font-size:12px;letter-spacing:0;color:#999c8b}.price-card .checks{gap:18px 25px}.price-card .buttons{margin-top:78px;margin-bottom:0}.price-card .button{font-size:11px;padding:12px 16px}.beta-card{background:#eeece3}.beta-card p{font-size:13px;line-height:1.7;color:#8a907d;margin:25px 0}.beta-badge{background:#fffdf6;border-radius:15px;padding:5px 9px;color:#a2a38e;font:9px ui-monospace,monospace}.beta-card ul{font-size:12px;color:#7f8770;line-height:2.5;padding-left:15px;margin:25px 0 32px}.beta-card .button{margin-top:16px;font-size:12px}.beta-card p.fine-print{font-size:10px;margin:12px 0 0}.faq-section{display:grid;grid-template-columns:1fr 1.5fr;gap:80px;align-items:start}.faq-section h2{margin:0 0 25px}.faq-section>div>p{max-width:325px}.faq-list{border-top:1px solid #e5e7da}.faq-list details{border-bottom:1px solid #e5e7da;padding:21px 0}.faq-list summary{font-size:16px;letter-spacing:-.3px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;list-style:none;gap:20px;min-height:29px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{border:1px solid #e0e3d4;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;flex-shrink:0;color:#8c9579}.faq-list summary>span:before{content:'+';font-size:18px;font-weight:300}.faq-list details[open] summary>span{background:#1d2414;border-color:#1d2414;color:#eeeede}.faq-list details[open] summary>span:before{content:'×'}.faq-list details>p{font-size:13px;line-height:1.75;color:#919980;margin:22px 45px 3px 0}.faq-list details a{text-decoration:underline;text-underline-offset:3px}.download-section{max-width:1260px;margin:0 auto 100px;border-radius:26px;background:url('v/20261001-10/assets/desert-dunes.png') center 65% / cover no-repeat;min-height:610px;display:flex;align-items:center;justify-content:space-between;padding:70px;gap:30px}.download-copy{position:relative;z-index:1}.download-copy h2{font-size:76px;letter-spacing:-4.6px;line-height:1.02;font-weight:500;margin:0 0 28px}.download-copy p{font-size:14px;line-height:1.8;color:#747769}.download-copy .mono{font-size:9px;color:#8a816f}.download-icon{width:210px;filter:drop-shadow(0 18px 20px #3c2d2244);margin-right:15px;flex-shrink:0}.download-copy .buttons{margin-top:28px}footer{padding:10px 0 70px;grid-template-columns:2.3fr 1fr 1fr 1fr;border:0;gap:40px;align-items:start}footer>div:first-child{display:block}footer p{font-size:12px;line-height:1.8;margin:20px 0 18px;max-width:235px}footer .mono{font-size:8px}footer .footer-column{display:flex;flex-direction:column;gap:20px;font-size:12px;color:#8b927b}footer .eyebrow{font-size:9px;margin-bottom:5px}footer a:hover{color:#252d19}.hero .wrap{width:100%}
@media(min-width:1500px){.hero{padding-top:152px}.hero-copy{max-width:1160px;grid-template-columns:1.6fr 1fr;gap:60px}.hero-copy h1{font-size:84px}.hero{height:835px}.app-window{margin-top:80px}}@media(max-width:1200px){.wrap{max-width:calc(100% - 100px)}.hero-copy h1{font-size:68px}.hero-copy{gap:30px}.hero{padding-top:145px}.hero-right p{font-size:14px}.hero-right .button{font-size:11px;padding:13px 15px}.app-window{max-width:1000px}.hero{height:800px}.section-heading h2,.standalone-title,.faq-section h2{font-size:51px}.section-heading{gap:50px}.why{grid-template-columns:170px 1fr;gap:40px}.statement{font-size:38px}.download-section{margin-left:30px;margin-right:30px;padding:60px}.download-copy h2{font-size:64px}.download-icon{width:180px}.diagram-row{font-size:10px}.diagram-row small{font-size:7px}.price-card .buttons{flex-wrap:wrap}.app-body{grid-template-columns:175px 1fr 250px}.section{padding:110px 0}.why{padding-top:230px}}@media(max-width:950px){.wrap{max-width:calc(100% - 60px)}.hero{padding-left:30px;padding-right:30px}.hero-copy h1{font-size:58px}.app-body{grid-template-columns:145px 1fr 230px}.app-sidebar{padding-left:10px;padding-right:10px}.app-list{font-size:10px}.detail-panel{padding:28px 17px}.hero-copy{grid-template-columns:1.3fr 1fr;gap:20px}.hero-right .buttons{flex-wrap:wrap}.section-heading h2,.standalone-title,.faq-section h2{font-size:45px}.section-heading{gap:35px}.statement{font-size:33px}.why{grid-template-columns:125px 1fr;gap:30px}.apps-grid article{padding:30px 18px}.apps-grid h3{font-size:23px}.corner-label{right:15px;font-size:7px}.checks{font-size:10px}.card{padding:20px}.lanes>div>span:nth-child(2){min-width:108px;font-size:10px}.lanes em{min-width:42px;font-size:8px}.lanes>div{gap:10px}.recall-layout{grid-template-columns:200px 1fr;gap:30px}.recall-body{grid-template-columns:125px 1fr}.recall-body aside{padding:20px 9px}.result-card{padding:15px}.workflow-layout{gap:35px}.workflow-stage{padding:25px;min-height:380px}.workflow-step{padding:25px 20px}.workflow-step h3{font-size:23px}.diagram-columns{grid-template-columns:1fr .3fr 1fr;gap:12px}.privacy-diagram{padding:30px}.diagram-row small{display:none}.faq-section{gap:45px}.download-copy h2{font-size:53px}.download-section{padding:45px;min-height:520px}.download-icon{width:150px}.price-card,.beta-card{padding:27px}.price-top{align-items:flex-start;flex-direction:column}.price{font-size:84px}.keyboard-panel{padding:45px}.keyboard-search{min-width:320px;font-size:16px}}
@media(max-width:760px){.nav{width:calc(100% - 26px);height:49px;gap:13px}.nav .brand{font-size:14px}.nav .github-nav{margin-left:auto}.nav .button{margin-left:0}.hero{margin:5px;border-radius:22px;padding:115px 20px 0;height:910px;background-position:45% bottom}.hero-copy{display:block;max-width:100%}.hero-copy h1{font-size:61px;letter-spacing:-3.4px}.hero-right{padding-top:22px}.hero-right p{max-width:450px}.hero-right .buttons{margin:22px 0 14px;flex-wrap:nowrap}.hero-right .button{font-size:11px;padding:13px 15px}.hero-right .mono{font-size:8px}.app-window{margin-top:40px}.app-body{grid-template-columns:1fr;min-height:375px}.app-sidebar,.detail-panel{display:none}.timeline-panel{padding:25px 17px}.app-top-right{font-size:7px}.moment strong{font-size:12px}.hero{height:890px}.section{padding:80px 0}.wrap{max-width:calc(100% - 42px)}.why{display:block;padding-top:125px;padding-bottom:65px}.why .section-label{margin-bottom:28px}.statement{font-size:30px;letter-spacing:-1px}.section-heading{display:block;margin-bottom:38px}.section-heading h2,.standalone-title,.faq-section h2{font-size:42px;letter-spacing:-2px}.section-heading p{margin-top:24px;max-width:440px;font-size:13px}.section-label{font-size:9px;margin-bottom:22px}.apps-grid{grid-template-columns:1fr}.apps-grid article{padding:28px 15px}.apps-grid article+article{border-left:0;border-top:1px solid var(--line)}.apps-grid h3{font-size:27px}.apps-grid p{min-height:0;margin:23px 0;font-size:13px}.checks{font-size:12px;gap:13px}.corner-label{top:52px;right:18px;font-size:9px}.app-tile{margin-bottom:20px}.bento{grid-template-columns:1fr}.card,.card.half,.card.span-two,.card.summary-card{grid-column:auto;padding:24px}.card h4{font-size:17px}.card p{font-size:13px}.lanes>div>span:nth-child(2){min-width:107px}.lanes em{min-width:39px;font-size:7px}.lanes i{min-width:30px}.lanes>div{gap:9px}.lanes .lane-icon{font-size:16px}.mini-summary{min-height:150px}.floating{margin-bottom:28px}.summary-card .mini-summary p{font-size:14px}.connection-preview{padding-bottom:15px}.icon-grid{margin-top:0}.recall-layout{display:block}.numbered{display:grid;grid-template-columns:1fr;gap:0}.numbered article{margin-bottom:28px}.numbered>.mono{margin:0 0 30px}.recall-body{grid-template-columns:1fr}.recall-body aside{display:none}.recall-content{padding:19px}.result-card h3{font-size:22px}.recall-window{margin-top:20px}.standalone-title{margin-bottom:36px}.workflow-layout{display:flex;flex-direction:column-reverse;gap:24px}.workflow-stage{position:relative;top:0;width:100%;aspect-ratio:1.05;min-height:340px;padding:25px}.workflow-steps{width:100%}.workflow-step{padding:20px;min-height:160px}.workflow-step h3{font-size:24px}.workflow-step p{font-size:13px}.keyboard-panel{padding:40px 20px}.keyboard-search{min-width:0;width:100%;height:65px;font-size:14px}.key{height:57px;width:57px;font-size:27px}.privacy-diagram{padding:25px 20px}.diagram-columns{grid-template-columns:1fr}.diagram-path{height:85px;display:flex;gap:15px;align-items:center;justify-content:center;padding:0}.diagram-path img{position:static;transform:none;width:35px;height:35px}.diagram-path>span{position:static;width:auto}.diagram-path i{display:none}.diagram-row{font-size:12px}.diagram-row small{display:block;font-size:7px}.diagram-columns .eyebrow{margin-bottom:14px}.privacy-note{margin-top:30px;padding:18px}.pricing-grid{grid-template-columns:1fr}.price-card,.beta-card{padding:30px}.price-top{flex-direction:row;align-items:center}.price-top h3{font-size:27px}.price-top>.mono{font-size:7px}.price{font-size:87px;margin:25px 0 33px}.price-card .buttons{margin-top:43px;gap:7px}.price-card .button{font-size:10px;padding:11px 12px}.faq-section{display:block}.faq-section>div>p{margin-bottom:36px}.faq-list summary{font-size:15px}.faq-list details>p{font-size:13px;margin-right:20px}.download-section{margin:0 15px 55px;padding:43px 25px;display:block;min-height:620px;background-position:57% bottom}.download-copy h2{font-size:49px;letter-spacing:-2.7px}.download-copy p{font-size:12px}.download-copy .buttons{gap:7px;flex-wrap:wrap}.download-copy .button{font-size:10px;padding:12px 14px}.download-icon{width:120px;margin:30px 0 0 65%;filter:drop-shadow(0 12px 13px #3c2d2244)}footer{grid-template-columns:1fr 1fr;gap:35px 20px;padding:0 0 45px}footer>div:first-child{grid-column:span 2}footer .footer-column{gap:15px;font-size:12px}footer p{max-width:330px}footer .brand{font-size:16px}.illustration-note{text-align:left}.connection-preview{font-size:12px}.nav nav{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.workflow-step{transition:none}}
@media(min-width:1500px){.hero{padding-top:132px}.hero-copy{grid-template-columns:1.4fr 1fr;gap:48px}.app-window{margin-top:60px}}
@media(max-width:760px){.hero-copy h1{font-size:clamp(45px,9.8vw,61px)}.download-icon{display:block;margin:30px 0 0 auto}}
/* Native product photography and scroll choreography. */
.nav nav{position:relative;align-items:center;height:100%}.nav nav a{position:relative;line-height:1.5}.nav nav a.active{border:0;padding-bottom:0}.nav-indicator{position:absolute;left:0;bottom:0;height:1px;background:#919880;opacity:0;transition:transform .32s cubic-bezier(.22,.75,.25,1),width .32s ease,opacity .2s;pointer-events:none}.nav{transition:width .45s cubic-bezier(.2,.8,.2,1),box-shadow .4s,background .4s}.nav:not(.scrolled){width:min(1160px,calc(100% - 64px));background:#fffffb40;border-color:transparent;box-shadow:none;backdrop-filter:blur(5px)}.nav.scrolled{box-shadow:0 8px 25px #2723130a;background:#fffffbea}.pill-icons{display:inline-flex;gap:3px;align-items:center}.pill-icons img{width:13px;height:13px;object-fit:contain;border-radius:3px}.native-product{max-width:1060px;margin:72px auto 0;position:relative;z-index:2;transform:translateY(var(--hero-shift,0px));animation:product-arrive 1s cubic-bezier(.2,.75,.2,1) both}.screenshot-open{display:block;padding:0;width:100%;border:0;background:none;text-align:left;cursor:zoom-in}.native-product .screenshot-open{border-radius:14px;overflow:hidden;box-shadow:0 35px 65px #392a2833;border:1px solid #b8b6ad65}.native-product img{display:block;width:100%;height:auto}.native-product figcaption,.recall-native figcaption{font:9px ui-monospace,SFMono-Regular,monospace;letter-spacing:.25px;color:#9c9d8d;text-align:center;padding-top:16px}.hero{height:830px}.why{padding-top:345px}.hero-copy{animation:copy-arrive .75s cubic-bezier(.2,.75,.2,1) both}.inline-app{display:inline-flex;align-items:center;gap:8px;vertical-align:baseline;font-size:.96em;line-height:1.12;padding:3px 11px;transition:opacity .15s}.inline-app img{width:27px;height:27px;object-fit:contain;border-radius:5px}.statement .faded{color:inherit}.scroll-word{color:color-mix(in srgb,#17190f calc(var(--word-progress,0)*100%),#d0d2c7);transition:color .15s linear}.app-tile{background:#f0eee5!important;padding:14px;border-radius:18px}.app-tile img{width:100%;height:100%;object-fit:contain;border-radius:9px}.agents-grid{grid-template-columns:repeat(3,1fr)}.agents-grid article{grid-column:auto;padding:40px 29px;min-width:0}.agents-grid .corner-label{top:64px}.agents-grid article p{min-height:100px}.lane-icon img{width:19px;height:19px;object-fit:contain;border-radius:4px}.connection-preview>span{display:flex;align-items:center;gap:7px}.connection-preview img{width:20px;height:20px;border-radius:4px;object-fit:contain}.connection-preview em{margin-left:auto}.icon-grid img{width:28px;height:28px;border-radius:6px;object-fit:contain;display:block;margin:auto}.native-summary-crop{height:190px;border-radius:11px;overflow:hidden;border:1px solid #e9e8de;background:#ecedf2;position:relative}.native-summary-crop img{display:block;width:170%;max-width:none;transform:translate(-20%,-13%);height:auto}.recall-native{margin:0;min-width:0;align-self:center}.recall-native .screenshot-open{border-radius:15px;overflow:hidden;border:1px solid #e2e4d9;box-shadow:0 20px 36px #554d3917}.recall-native img{display:block;width:100%;height:auto}.native-workflow{padding:0;width:100%;max-width:none;background:transparent;box-shadow:none;will-change:transform,opacity}.native-workflow>img{display:block;width:100%;border-radius:11px;box-shadow:0 18px 35px #4d473b1a;border:1px solid #d8d8d0}.native-workflow .workflow-caption{font-size:10px;color:#939980;margin-top:18px}.workflow-stage{overflow:hidden}.stage-enter{animation:stage-arrive .42s cubic-bezier(.2,.8,.2,1) both}.connection-demo{background:#fffffa;border-radius:14px;box-shadow:0 18px 35px #4d473b1a;padding:25px;width:85%;margin:auto}.connection-demo h4{font-size:13px;margin:0 0 18px}.ai-connection{display:flex;align-items:center;gap:12px;padding:13px;background:#efeee4;border-radius:8px;margin:8px 0;font-size:12px}.ai-connection img{width:22px;height:22px;border-radius:5px;object-fit:contain}.ai-connection span{font:8px ui-monospace,monospace;color:#a2a68d;margin-left:auto}.connection-demo p{font-size:11px;line-height:1.7;color:#9b9f8c;margin:20px 0 0}.workflow-steps{position:relative}.workflow-step{transition:color .25s,border-color .25s}.workflow-step.active p{color:#868d79}.card,.agent-card{transition:box-shadow .3s,transform .3s}.card:hover{box-shadow:0 12px 30px #42402d07}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.2,.75,.2,1) var(--reveal-delay,0ms),transform .7s cubic-bezier(.2,.75,.2,1) var(--reveal-delay,0ms)}.reveal.revealed{opacity:1;transform:translateY(0)}.privacy-diagram .diagram-path b{animation:memory-flow 3.7s linear infinite}.diagram-path i:nth-of-type(2) b{animation-delay:1s}.diagram-path i:nth-of-type(3) b{animation-delay:2s}.lanes i b{animation:moment-glow 3.3s ease-in-out infinite}.lanes i b:nth-child(2){animation-delay:.5s}.lanes i b:nth-child(3){animation-delay:1s}.lanes i b:nth-child(4){animation-delay:1.5s}.screenshot-dialog{padding:20px;background:#f7f7f1;max-width:min(1250px,94vw);max-height:93vh;border:1px solid #e0e2d3;border-radius:20px;box-shadow:0 35px 100px #14170f50;overflow:auto}.screenshot-dialog::backdrop{background:#17190f99;backdrop-filter:blur(10px)}.screenshot-dialog img{display:block;width:100%;height:auto;border-radius:12px}.screenshot-dialog p{font-size:11px;color:#8b947a;text-align:center;margin:16px 0 0}.close-screenshot{position:sticky;top:0;display:block;margin:0 0 12px auto;background:#181d12;color:white;border:0;width:30px;height:30px;border-radius:50%;font-size:23px;line-height:1}.faq-list details[open] p{animation:answer-arrive .3s ease both}.faq-list summary>span{transition:background .2s,color .2s}.download-icon{transition:transform .4s}.download-section:hover .download-icon{transform:translateY(-5px) rotate(-2deg)}
@keyframes product-arrive{from{opacity:0;translate:0 30px;scale:.985}to{opacity:1;translate:0 0;scale:1}}@keyframes copy-arrive{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}@keyframes stage-arrive{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes answer-arrive{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes memory-flow{0%{left:5%;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:90%;opacity:0}}@keyframes moment-glow{0%,100%{box-shadow:0 0 0 #eead5700}50%{box-shadow:0 0 12px #eead5755}}
@media(min-width:1500px){.native-product{margin-top:60px}.hero{padding-top:132px}.hero-copy{grid-template-columns:1.4fr 1fr;gap:48px}}@media(max-width:1200px){.native-product{margin-top:60px}.why{padding-top:310px}.hero{height:800px}.agents-grid article{padding:35px 23px}.agents-grid article p{min-height:120px}}@media(max-width:950px){.native-product{margin-top:50px}.why{padding-top:200px}.agents-grid article p{min-height:150px}.inline-app img{width:23px;height:23px}}@media(max-width:760px){.nav:not(.scrolled){width:calc(100% - 26px);background:#fffffbea;border:1px solid #eeeee6;backdrop-filter:blur(18px)}.hero{height:auto;padding-bottom:85px}.native-product{margin:38px -2px -130px;transform:none!important}.native-product .screenshot-open{border-radius:11px}.native-product figcaption{font-size:7px;padding-top:11px}.hero-copy{animation:none}.why{padding-top:145px;padding-bottom:60px}.inline-app img{width:20px;height:20px}.agents-grid{grid-template-columns:1fr}.agents-grid article{padding:30px 16px}.agents-grid article p{min-height:0}.agents-grid .corner-label{top:57px}.native-summary-crop{height:205px}.recall-native{margin-top:25px}.connection-demo{width:100%;padding:22px}.recall-native figcaption{font-size:8px}.screenshot-dialog{padding:12px;border-radius:15px}.workflow-stage{min-height:340px}.native-product .screenshot-open{box-shadow:0 23px 45px #392a2828}.reveal{transform:translateY(15px)}.download-copy h2{font-size:48px}.hero .pill{font-size:9px;gap:7px}}
@media(prefers-reduced-motion:reduce){.hero-copy,.native-product,.stage-enter,.lanes i b,.diagram-path b,.faq-list details[open] p{animation:none!important}.reveal{opacity:1!important;transform:none!important;transition:none!important}.scroll-word{color:var(--ink);transition:none}.nav,.nav-indicator{transition:none}.download-section:hover .download-icon{transform:none}.native-product{transform:none!important}}

/* Match the reference’s light display typography. */
h1,.section-heading h2,.standalone-title,.faq-section h2,.download-copy h2,.statement,.apps-grid h3,.workflow-step h3{font-weight:400}

.hero-copy h1,.section-heading h2,.standalone-title,.faq-section h2,.download-copy h2,.statement,.apps-grid h3,.workflow-step h3{font-weight:400}

.compatibility{font-size:11px;line-height:1.7;color:#414139;font-weight:500;letter-spacing:.1px;margin-top:15px;text-shadow:0 1px 5px #fff9}.ai-heading{display:block}.ai-heading h2{max-width:800px}.why{align-items:start}.why>.section-label{padding-top:9px}.why-story{min-width:0}.everyday-apps{display:flex;gap:11px;flex-wrap:wrap;align-items:center;margin-top:30px}.app-chip{width:50px;height:50px;display:grid;place-items:center;background:#eeeee7;border:1px solid #e5e5dd;border-radius:13px;opacity:calc(.6 + var(--icon-progress,0)*.4);transition:background .25s,transform .25s,opacity .25s}.app-chip img{width:28px;height:28px;object-fit:contain;filter:grayscale(calc((1 - var(--icon-progress,0))*.55));transition:filter .25s}.app-chip:hover{transform:translateY(-3px);background:#fff;opacity:1}.app-chip:hover img{filter:grayscale(0)}.ecosystem-note{color:#747568;font-size:13px;line-height:1.7;margin:19px 0 0}.apps-grid .app-tile img{filter:saturate(.85);opacity:.88}.numbered article>span,.workflow-step>span{display:none}.stage-caption{justify-content:flex-end}.privacy-map{padding:28px;background:#191b14;background-image:radial-gradient(ellipse at 65% 25%,#e3c29108,transparent 65%)}.mac-boundary{border:1px solid #ffffff26;border-radius:17px;padding:25px 30px;background:#ffffff03}.mac-title{display:flex;align-items:center;justify-content:space-between;font:10px ui-monospace,monospace;letter-spacing:1.3px;color:#c4c5b8}.local-badge{font:10px Arial,sans-serif;letter-spacing:0;border:1px solid #808d643b;border-radius:20px;padding:6px 11px;color:#c1cba9;background:#808d6410}.local-flow{display:grid;grid-template-columns:1fr 90px 1.05fr;align-items:center;gap:25px;padding:36px 25px 12px}.map-label{font:9px ui-monospace,monospace;letter-spacing:1.15px;color:#888c7a}.privacy-apps{display:flex;gap:13px;flex-wrap:wrap;max-width:290px;margin:22px 0}.privacy-apps img{width:36px;height:36px;object-fit:contain;opacity:.86;filter:saturate(.75)}.activity-source h4,.optional-sharing h4{font-size:20px;font-weight:400;letter-spacing:-.4px;margin:19px 0 10px;color:#e5e6da}.activity-source p,.optional-sharing p{font-size:13px;line-height:1.7;color:#959988;max-width:275px;margin:0}.local-connector{display:flex;align-items:center;color:#ab946b}.local-connector i{height:1px;flex:1;background:linear-gradient(90deg,#726b51,#cab17d);position:relative}.local-connector i:after{content:"";width:5px;height:5px;background:#d3b887;box-shadow:0 0 9px #d3b88766;border-radius:50%;position:absolute;left:0;top:-2px;animation:local-memory-flow 3s ease-in-out infinite}.local-connector>span{font-size:22px}.memory-vault{border:1px solid #ffffff20;background:linear-gradient(145deg,#33372a80,#24261d);border-radius:15px;padding:22px 25px;box-shadow:0 12px 30px #0002}.vault-brand{display:flex;align-items:center;gap:9px;font-size:12px;color:#c5c7b9}.vault-brand img{width:26px;height:26px}.memory-vault h4{font-size:24px;line-height:1.2;font-weight:400;letter-spacing:-.8px;margin:17px 0 23px;color:#f0f0e4}.vault-record{color:#babdaf;font-size:12px;margin:15px 0;display:flex;gap:10px;align-items:center}.vault-record:before{content:"";width:14px;height:2px;border-radius:1px;background:#b7a780}.encrypted{display:flex;align-items:center;gap:8px;color:#b9cba0;font-size:10px;border-top:1px solid #ffffff12;padding-top:17px;margin-top:22px}.encrypted svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4}.optional-sharing{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:29px 31px 26px;border-bottom:1px solid #ffffff13}.optional-sharing h4{font-size:19px;margin-top:11px}.optional-sharing p{max-width:480px;font-size:12px}.optional-targets{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.optional-targets>span{display:flex;align-items:center;gap:7px;border:1px dashed #ffffff2a;border-radius:8px;padding:11px 13px;font-size:11px;color:#a5a997;white-space:nowrap}.optional-targets img{width:17px;height:17px;opacity:.8}.privacy-footnote{font-size:11px;color:#929787;text-align:center;line-height:1.6;padding:22px 10px 0}.faq-section{padding-bottom:105px}@keyframes local-memory-flow{0%{left:0;opacity:0}20%{opacity:1}85%{opacity:1}100%{left:95%;opacity:0}}@media(max-width:950px){.local-flow{grid-template-columns:1fr 35px 1.2fr;gap:17px;padding-left:0;padding-right:0}.memory-vault{padding:20px}.privacy-apps{gap:10px}.privacy-apps img{width:30px;height:30px}}@media(max-width:760px){.compatibility{font-size:10px}.why>.section-label{padding-top:0}.everyday-apps{gap:9px;margin-top:24px}.app-chip{width:44px;height:44px;border-radius:11px}.app-chip img{width:26px;height:26px}.ecosystem-note{font-size:12px}.privacy-map{padding:16px}.mac-boundary{padding:20px 17px}.mac-title{font-size:8px;letter-spacing:.8px}.local-badge{font-size:8px;padding:5px 7px}.local-flow{grid-template-columns:1fr;padding-top:28px;gap:20px}.privacy-apps{max-width:none;margin:18px 0}.activity-source p{max-width:100%}.local-connector{width:1px;height:24px;justify-self:center}.local-connector i{display:none}.local-connector>span{transform:rotate(90deg)}.optional-sharing{display:block;padding:24px 5px}.optional-targets{justify-content:flex-start;margin-top:19px}.privacy-footnote{font-size:10px}.faq-section{padding-bottom:75px}}@media(prefers-reduced-motion:reduce){.local-connector i:after{animation:none;left:45%;opacity:1}.app-chip{opacity:.9}.app-chip img{filter:none}}

/* Animated native-style demo and connected-app carousel. */
.hero{height:840px}.live-demo{background:#f3f3f5;color:#26252b;border:1px solid #cac8cb;max-width:1060px;margin:78px auto 0;border-radius:15px;overflow:hidden;box-shadow:0 30px 65px #38261e35;transform:translateY(var(--hero-shift,0px));position:relative;z-index:2}
.demo-toolbar{height:53px;background:#f4f4f6;border-bottom:1px solid #e5e4e7;display:flex;align-items:center;gap:22px;padding:0 20px}.demo-toolbar .traffic{gap:7px}.demo-toolbar .traffic i{width:11px;height:11px}.demo-search{display:flex;align-items:center;gap:10px;border:1px solid #dcdbe0;background:#eae9ed;border-radius:8px;height:29px;padding:0 12px;font-size:11px;color:#8f8b96;max-width:480px;flex:1;margin:auto}.demo-search>span{font-size:20px;line-height:1}.demo-search kbd{margin-left:auto;background:none;color:#aaa7b1}.demo-controls{display:flex;align-items:center;gap:9px}.demo-badge{font-size:10px;color:#a39fac}.demo-controls button{border:0;background:none;color:#8a8694;font-size:17px;width:24px;height:28px;padding:0;border-radius:5px}.demo-controls button:hover{background:#e5e3e9;color:#494253}
.demo-content{max-width:850px;padding:32px 36px 18px;margin:auto}.demo-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px}.demo-date{font-size:9px;letter-spacing:1.5px;color:#9c97a6;font-weight:550}.demo-heading h2{font-size:35px;font-weight:600;letter-spacing:-1.3px;margin:6px 0 0;color:#34303a}.demo-day-selector{font-size:20px;display:flex;gap:19px;align-items:center;color:#aca7b4}.demo-day-selector span{font-size:11px;color:#77717f}.demo-day-summary{background:linear-gradient(120deg,#fff 20%,#f4f0ff 100%);border:1px solid #e1dce9;border-radius:12px;padding:18px 23px;min-height:145px;box-shadow:0 4px 12px #76658b04}.demo-summary-label{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#96909f}.demo-summary-label>span:first-child{display:flex;align-items:center;gap:7px}.demo-summary-label img{width:18px;height:18px}.demo-summary-state{font-size:9px;color:#a8a2b3}.demo-summary-state.working{color:#9e7aa8;animation:summary-breathe .85s ease-in-out infinite alternate}.demo-day-summary h3{font-size:17px;font-weight:550;letter-spacing:-.4px;margin:12px 0 6px;color:#4c4259}.demo-day-summary p{font-size:12px;line-height:1.7;min-height:41px;max-width:660px;margin:0;color:#7d7188}.demo-summary-tags{display:flex;gap:6px;margin-top:10px}.demo-summary-tags>span{border-radius:15px;background:#ece6f3;color:#9786a4;font-size:9px;padding:3px 9px}.demo-ribbon{display:flex;align-items:center;gap:11px;margin:18px 0 23px;font-size:8px;color:#ada7b5}.demo-ribbon>div{display:flex;gap:3px;flex:1;height:6px}.demo-ribbon i{background:var(--activity);border-radius:2px;transition:flex .5s}.demo-ribbon i.unfilled{background:#e5e2e9}.demo-group-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.demo-group-header h3{font-size:15px;font-weight:550;color:#5d5766;margin:0;letter-spacing:-.3px}.demo-group-header>span{font-size:10px;color:#aba4b5}.demo-feed{height:247px;overflow:hidden;display:flex;flex-direction:column;gap:8px}.demo-moment{display:flex;align-items:center;gap:14px;border:1px solid #e3dfe8;background:#fbfafc;border-radius:10px;padding:12px 16px;min-height:77px;flex-shrink:0}.demo-moment.entering:first-child{animation:moment-arrive .65s cubic-bezier(.2,.8,.2,1) both}.demo-moment-icon{width:33px;height:33px;flex-shrink:0;border-radius:8px;background:#f0edf4;display:grid;place-items:center}.demo-moment-icon img{width:24px;height:24px;object-fit:contain}.demo-moment-body{flex:1;min-width:0}.demo-moment-source{display:flex;gap:9px;align-items:center;font-size:9px;color:#aaa2b5}.demo-moment-source>span{font-size:8px;color:#b8b1c1}.demo-moment h4{font-size:12px;font-weight:550;letter-spacing:-.15px;margin:4px 0;color:#5a5265}.demo-moment p{font-size:10px;color:#9b90a7;margin:0;line-height:1.5}.demo-moment-arrow{font-size:15px;color:#b6afc0}.demo-footer{border-top:1px solid #e7e3eb;padding-top:12px;margin-top:14px;display:flex;justify-content:space-between;gap:12px;font-size:8px;color:#ada5b7}.demo-footer>span:first-child{display:flex;gap:6px;align-items:center}.demo-footer i{width:4px;height:4px;border-radius:50%;background:#9db2a0}
.why{display:block;padding:265px 0 120px;overflow:hidden}.app-carousel{width:100%;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);margin:0 0 70px}.carousel-track{display:flex;width:max-content;animation:app-marquee 64s linear infinite}.carousel-group{display:flex;gap:25px;padding-right:25px;align-items:center}.carousel-chip{width:78px;flex-shrink:0;text-align:center;color:#919187;font-size:10px;display:block}.carousel-chip img{display:block;width:52px;height:52px;object-fit:contain;margin:0 auto 15px;filter:saturate(.65);opacity:.73;transition:filter .25s,opacity .25s,transform .25s}.carousel-chip:hover img{filter:saturate(1);opacity:1;transform:translateY(-3px)}.carousel-chip>span{white-space:nowrap}.app-carousel:hover .carousel-track,.app-carousel:focus-within .carousel-track{animation-play-state:paused}.why-story{max-width:830px;margin:auto;text-align:center}.connection-title{font-size:59px;line-height:1.06;letter-spacing:-3px;font-weight:500;margin:0 0 28px}.statement{font-size:21px;line-height:1.7;letter-spacing:-.4px;max-width:765px;margin:0 auto;color:#707266}.statement .scroll-word{color:color-mix(in srgb,#43463a calc(var(--word-progress,1)*100%),#adafa2)}.ecosystem-note{display:none}
.demo-mini-summary{background:#f3eff8!important;border:1px solid #e6ddec;min-height:210px;padding:17px}.demo-mini-summary .mini-header{color:#a99bb8;font-size:8px}.demo-mini-summary .mini-header img{width:19px;height:19px}.demo-mini-summary h5{font-size:14px;font-weight:550;margin:17px 0 8px;color:#665376}.demo-mini-summary p{font-size:11px;line-height:1.8;color:#95859f;min-height:70px;margin:0 0 13px}.demo-mini-summary a{font-size:10px;color:#887395}
.recall-mock{background:#f5f4f6;border:1px solid #dedbe0;border-radius:14px;box-shadow:0 20px 40px #51473110;overflow:hidden}.mock-search-bar{border-bottom:1px solid #e1dee4;padding:21px 25px;background:#fbfafc;font-size:13px;color:#92889f;display:flex;align-items:center;gap:13px}.mock-search-bar>span{font-size:23px;color:#9a91a4}.mock-search-bar kbd{margin-left:auto;float:none;background:#f0edf4;color:#bbb3c4}.mock-search-body{display:grid;grid-template-columns:42% 58%;min-height:395px}.mock-search-results{padding:25px 12px;border-right:1px solid #e1dde6;background:#f0edf4}.mock-search-label{display:block;margin:0 14px 18px;color:#a99eb6;font-size:8px;letter-spacing:1px}.mock-result{width:100%;border:1px solid transparent;background:none;border-radius:9px;display:flex;align-items:center;gap:10px;padding:14px 10px;color:#a499b0;text-align:left;margin:5px 0;font-size:11px;min-height:65px}.mock-result.selected{background:#fbfafc;border-color:#ddd6e5;box-shadow:0 3px 8px #52446405;color:#796487}.mock-result img{width:27px;height:27px;object-fit:contain;flex-shrink:0}.mock-result small{display:block;font-size:8px;margin-top:6px;color:#b2a6bd}.mock-result-detail{padding:32px 27px;color:#a298ad}.mock-result-detail>img{width:38px;height:38px;object-fit:contain;display:block;margin-bottom:20px}.mock-result-detail>span{font-size:9px;color:#b3a7bd}.mock-result-detail h3{font-size:23px;font-weight:500;letter-spacing:-.8px;margin:10px 0 24px;color:#796b88}.mock-summary{padding:17px;background:#f0ebf5;border:1px solid #e4dceb;border-radius:9px}.mock-summary>span,.mock-evidence>span{font-size:8px;color:#aa9aba;letter-spacing:.8px}.mock-summary p{font-size:11px;line-height:1.8;margin:11px 0 16px;color:#9784a6}.mock-summary a{display:flex;justify-content:space-between;font-size:10px;color:#91749f}.mock-evidence{margin-top:23px}.mock-evidence p{font-size:9px;color:#afa0bd;margin-top:11px}
.native-workflow{display:flex;align-items:center;justify-content:center;padding:30px;min-height:420px}.step-mock{background:#fdfcf8;border:1px solid #f4f3eb;border-radius:17px;padding:25px;width:100%;max-width:385px;box-shadow:0 18px 35px #45432a0c}.step-overline{font-size:8px;letter-spacing:1px;color:#b0ad9e}.step-mock h4{font-size:19px;letter-spacing:-.6px;font-weight:500;margin:15px 0 23px;color:#484a3d}.step-setting{display:flex;align-items:center;gap:12px;padding:18px 0;border-top:1px solid #efede4}.step-setting img,.step-symbol{width:27px;height:27px;object-fit:contain;text-align:center;font-size:23px;color:#a7a591}.step-setting span{font-size:11px;color:#77796c}.step-setting small{display:block;font-size:9px;margin-top:5px;color:#b0b2a5}.step-switch{display:block;margin-left:auto;border-radius:20px;background:#dfa253;width:27px;height:16px;position:relative;flex-shrink:0}.step-switch:after{content:'';position:absolute;background:#fffdf7;width:12px;height:12px;right:2px;top:2px;border-radius:50%}.step-activity{display:flex;align-items:center;gap:12px;padding:15px 12px;background:#f4f2e9;border-radius:9px;margin:8px 0}.step-activity img{width:26px;height:26px;object-fit:contain}.step-activity span{font-size:12px;color:#717463}.step-activity small{display:block;color:#a8ab99;font-size:9px;margin-top:5px}.step-activity b{font:8px ui-monospace,monospace;color:#abb099;margin-left:auto}.step-summary{padding:16px;margin-top:16px;background:#efebf4;border-radius:8px;font-size:11px;line-height:1.8;color:#9b8baa}.step-search{font-size:12px;background:#efede5;padding:12px;border-radius:8px;color:#9a9c8c}.step-found{margin-top:24px}.step-found>img{width:34px;height:34px;object-fit:contain;display:block;margin-bottom:16px}.step-found>span{font-size:9px;color:#aaae99}.step-found h4{margin:10px 0}.step-found p{font-size:12px;line-height:1.8;color:#999e8b}.step-found a{display:inline-block;margin-top:15px;font-size:11px;color:#797e65}.connection-demo.step-mock{padding:25px}.connection-demo.step-mock h4{margin-bottom:22px}.connection-demo.step-mock p{font-size:12px;color:#9b9d8d}
.privacy-laptop{padding:50px 40px 0;border-radius:25px;overflow:hidden;position:relative;background:radial-gradient(ellipse at 25% 15%,#2a2e22,transparent 55%),#191c15}.privacy-scene{display:grid;grid-template-columns:1.6fr 1fr;gap:52px;align-items:center}.laptop{min-width:0;position:relative;padding-bottom:18px}.laptop-screen{border:4px solid #505447;border-radius:18px 18px 7px 7px;background:linear-gradient(140deg,#282c22,#20251c);padding:23px 25px 20px;box-shadow:0 22px 50px #0003;position:relative}.laptop-screen:before{content:'';position:absolute;width:5px;height:5px;background:#747969;border-radius:50%;left:50%;top:6px}.screen-top{display:flex;align-items:center;justify-content:space-between;color:#848d75;font:8px ui-monospace,monospace;letter-spacing:.5px}.screen-top>span:first-child{display:flex;align-items:center;gap:6px}.screen-top i{width:4px;height:4px;background:#9ba981;border-radius:50%}.screen-top>span:last-child{color:#a7b194;border:1px solid #4b553f;border-radius:20px;padding:5px 8px;font-size:8px}.screen-apps{display:flex;justify-content:center;gap:18px;margin:34px 0 12px}.screen-apps img{width:32px;height:32px;object-fit:contain;filter:saturate(.6);opacity:.8}.memory-path{display:flex;justify-content:center;align-items:center;height:42px;color:#a4b782;font-size:22px;gap:24px}.memory-path i{width:1px;height:25px;background:linear-gradient(transparent,#829366)}.screen-memory{background:#2d3426;border:1px solid #505e40;border-radius:12px;padding:17px;box-shadow:0 0 28px #7b98640a}.screen-memory-brand{display:flex;align-items:center;gap:7px;font-size:11px;color:#d1dac0}.screen-memory-brand img{width:22px;height:22px}.screen-memory-brand strong{font-weight:500}.memory-lock{display:flex;align-items:center;gap:5px;margin-left:auto;font-size:8px;color:#91a174}.memory-lock svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.5}.memory-items{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:20px}.memory-items>span{background:#242a1e;border:1px solid #414c35;border-radius:6px;padding:12px 8px;color:#a7b590;font-size:8px}.memory-items i{display:block;height:2px;background:#586847;margin-top:12px;width:90%}.memory-items i+i{margin-top:5px;width:65%;background:#3f4e31}.screen-caption{font-size:9px;color:#79856b;text-align:center;margin-top:22px}.laptop-base{height:15px;position:absolute;left:-6%;bottom:0;width:112%;border-radius:2px 2px 50% 50% / 2px 2px 12px 12px;background:linear-gradient(#72776a,#343a2d);box-shadow:0 10px 20px #0002}.laptop-base i{display:block;height:5px;width:65px;background:#454b3d;border-radius:0 0 6px 6px;margin:0 auto}.sharing-choices>.map-label{color:#808b70;font-size:8px}.sharing-choices>h4{font-size:26px;line-height:1.13;letter-spacing:-1px;font-weight:500;color:#d9dfcb;margin:16px 0 12px}.sharing-choices>p{font-size:11px;line-height:1.7;color:#88957b;max-width:285px;margin:0 0 22px}.sharing-card{display:flex;align-items:center;gap:12px;border:1px solid #3b4531;background:#23291e;border-radius:10px;padding:12px;margin-top:9px}.sharing-card-icons{display:flex;position:relative;width:36px;flex-shrink:0}.sharing-card-icons img{width:23px;height:23px;object-fit:contain;filter:saturate(.65)}.sharing-card-icons img+img{margin-left:-8px;margin-top:10px}.sharing-card strong{display:block;font-size:11px;font-weight:500;color:#b9c4a8}.sharing-card small{display:block;color:#7e8d6d;font-size:9px;line-height:1.5;margin-top:5px}.sharing-card>span{margin-left:auto;font-size:13px;color:#6e8159}.sharing-symbol{width:36px;flex-shrink:0;text-align:center;font-size:25px;color:#8c9c78}.privacy-footer{margin:44px -40px 0;padding:19px 30px;border-top:1px solid #323c29;display:flex;justify-content:center;align-items:center;gap:31px;font-size:9px;color:#77876a}.privacy-footer>span:first-child{color:#a3b68d;display:flex;align-items:center;gap:6px}.privacy-footer i{width:4px;height:4px;border-radius:50%;background:#a3b68d}
@keyframes app-marquee{to{transform:translateX(-50%)}}@keyframes moment-arrive{from{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}@keyframes summary-breathe{from{opacity:.35}to{opacity:1}}
@media(max-width:1100px){.connection-title{font-size:51px}.privacy-scene{gap:32px}.privacy-laptop{padding:40px 30px 0}.laptop-screen{padding:20px 18px}.screen-apps{gap:13px}.screen-apps img{width:28px;height:28px}.memory-lock{font-size:7px}.privacy-footer{margin-left:-30px;margin-right:-30px}.sharing-choices>h4{font-size:24px}}
@media(max-width:760px){.hero{height:870px}.live-demo{margin-top:43px;width:100%;min-width:0}.demo-toolbar{height:40px;padding:0 10px;gap:8px}.demo-toolbar .traffic{gap:3px}.demo-toolbar .traffic i{width:6px;height:6px}.demo-search{font-size:7px;height:22px;padding:0 6px;gap:3px;white-space:nowrap}.demo-search kbd{display:none}.demo-search>span{font-size:14px}.demo-controls{gap:3px}.demo-badge{display:none}.demo-controls button{font-size:13px;width:16px}.demo-content{padding:20px 16px 13px}.demo-date{font-size:7px;letter-spacing:1px}.demo-heading h2{font-size:25px}.demo-heading{margin-bottom:15px}.demo-day-selector{gap:9px;font-size:16px}.demo-day-selector span{font-size:9px}.demo-day-summary{padding:12px 13px;min-height:141px}.demo-summary-label{font-size:8px}.demo-summary-state{font-size:7px}.demo-summary-label img{width:14px;height:14px}.demo-day-summary h3{font-size:13px;margin-top:9px}.demo-day-summary p{font-size:10px;line-height:1.6;min-height:49px}.demo-summary-tags{margin-top:6px}.demo-summary-tags>span{font-size:7px;padding:2px 6px}.demo-ribbon{margin:14px 0 18px;font-size:6px;gap:6px}.demo-group-header h3{font-size:12px}.demo-group-header>span{font-size:8px}.demo-feed{height:224px;gap:7px}.demo-moment{padding:9px;gap:9px;min-height:70px}.demo-moment-icon{width:27px;height:27px}.demo-moment-icon img{width:20px;height:20px}.demo-moment-source{font-size:7px;gap:5px}.demo-moment-source>span{font-size:6px}.demo-moment h4{font-size:10px;margin:4px 0}.demo-moment p{font-size:8px;line-height:1.5}.demo-footer{font-size:6px;padding-top:9px;margin-top:10px}.demo-footer>span:last-child{max-width:45%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.why{padding-top:220px;padding-bottom:65px}.app-carousel{margin-bottom:45px}.carousel-chip{width:58px;font-size:8px}.carousel-chip img{width:38px;height:38px;margin-bottom:11px}.carousel-group{gap:16px;padding-right:16px}.connection-title{font-size:35px;letter-spacing:-1.65px;line-height:1.08;margin-bottom:21px}.connection-title br{display:none}.statement{font-size:16px;letter-spacing:-.2px;line-height:1.75}.mock-search-body{grid-template-columns:1fr;min-height:0}.mock-search-results{border-right:0;border-bottom:1px solid #e1dde6;display:flex;padding:12px;gap:5px}.mock-search-label{display:none}.mock-result{flex:1;padding:9px 6px;gap:6px;font-size:8px;min-height:55px;margin:0}.mock-result img{width:19px;height:19px}.mock-result small{font-size:6px;line-height:1.4}.mock-result-detail{padding:25px}.mock-result-detail>img{width:31px;height:31px;margin-bottom:12px}.mock-result-detail h3{font-size:22px;margin-bottom:17px}.mock-search-bar{padding:16px 18px;font-size:12px}.native-workflow{min-height:380px;padding:16px}.step-mock{padding:21px}.privacy-laptop{padding:32px 23px 0}.privacy-scene{grid-template-columns:1fr;gap:39px}.laptop-screen{padding:22px 15px 18px;border-width:3px}.screen-top{font-size:7px}.screen-apps{gap:13px;margin-top:28px}.screen-apps img{width:25px;height:25px}.screen-memory{padding:12px}.screen-memory-brand{font-size:10px}.memory-lock{font-size:6px;gap:3px}.memory-lock svg{width:11px}.memory-items{gap:5px;margin-top:16px}.memory-items>span{font-size:6px;padding:9px 5px}.screen-caption{font-size:7px;line-height:1.5}.sharing-choices>h4{font-size:28px}.sharing-choices>h4 br{display:none}.sharing-choices>p{font-size:12px;max-width:none}.sharing-card{padding:14px}.sharing-card strong{font-size:12px}.sharing-card small{font-size:10px}.privacy-footer{flex-wrap:wrap;gap:14px 20px;margin:31px -23px 0;padding:18px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.carousel-track{animation:none;width:100%}.carousel-group{flex-wrap:wrap;justify-content:center;gap:18px;width:100%;padding:0}.carousel-group[aria-hidden=true]{display:none}.app-carousel{mask-image:none}.statement .scroll-word{color:#43463a}.demo-moment{animation:none!important}}

.why{padding-top:calc(var(--demo-overhang,310px) + 100px)}@media(max-width:760px){.why{padding-top:calc(var(--demo-overhang,300px) + 70px)}}

/* Native product views: measured from DayDream's SwiftUI layout and isolated sample app. */
.product-demo{background:#eceef2;color:#2c2c2e;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text",system-ui,sans-serif;border:1px solid #caced4;border-radius:14px}
.product-toolbar{height:52px;display:flex;align-items:center;gap:17px;padding:0 17px;background:#eceef2}.product-toolbar .traffic{gap:6px;flex-shrink:0}.product-toolbar .traffic i{width:10px;height:10px}.native-day-arrows{height:30px;width:64px;flex-shrink:0;border-radius:20px;background:#fff;box-shadow:0 2px 7px #00000009;display:flex;align-items:center;justify-content:space-evenly;font-size:23px;color:#767676}.native-day-arrows i{height:18px;width:1px;background:#e4e4e5}.native-day-arrows>span{color:#b7b7bb}.native-toolbar-search{display:flex;align-items:center;gap:8px;background:#e5e7eb;border:1px solid #d3d6dc;border-radius:11px;height:31px;width:min(43%,420px);margin:auto;font-size:12px;color:#999da4;padding:0 11px;white-space:nowrap;overflow:hidden}.native-toolbar-search>span{font-size:20px;color:#767a80}.native-recording{display:flex;align-items:center;justify-content:center;gap:7px;background:#fff;border-radius:20px;box-shadow:0 2px 7px #00000009;width:112px;height:31px;font-size:13px;color:#52545a;flex-shrink:0;font-weight:500}.native-recording i{width:5px;height:5px;background:#73ae87;border-radius:50%}.native-recording>span{color:#8b8e94;margin-left:3px}.native-settings{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#fff;box-shadow:0 2px 7px #00000009;font-size:20px;color:#64666a;flex-shrink:0}
.product-scroll{height:569px;overflow:auto;scrollbar-width:none;padding:22px max(30px,8%) 35px}.product-scroll::-webkit-scrollbar{display:none}.native-today{display:flex;align-items:center;gap:10px;margin:5px 8px 25px}.native-today h2{font-size:26px;font-weight:700;letter-spacing:-.8px;margin:0;color:#252528}.native-calendar{width:32px;height:32px;border-radius:7px;overflow:hidden;box-shadow:0 2px 6px #0001;background:#fff;text-align:center;flex-shrink:0}.native-calendar>span{display:block;background:#ee5b59;color:#fff;font-size:8px;font-weight:700;height:10px;line-height:10px}.native-calendar>b{display:block;font-size:19px;line-height:22px;color:#222;font-weight:650}
.native-day-card{border-radius:18px;background:linear-gradient(110deg,#fff 15%,#fffafa 48%,#eef0ff 85%,#f4efff);box-shadow:0 4px 18px #53586706;border:1px solid #fff9;overflow:hidden;margin-bottom:25px}.native-day-copy{padding:17px 19px 15px;position:relative}.native-day-copy h3{font-size:17px;font-weight:650;letter-spacing:-.25px;color:#29292b;margin:0 0 11px;line-height:1.4}.native-day-copy h3>span{font-size:13px;font-weight:400;color:#909095;margin-left:5px;letter-spacing:0}.native-day-copy ul{margin:0 0 8px;padding:0;list-style:none;font-size:12.5px;color:#58585c;line-height:1.6;min-height:60px}.native-day-copy li{display:flex;align-items:baseline;gap:9px;margin:2px 0}.native-day-copy li:before{content:'';width:4px;height:4px;border-radius:50%;background:#bb73e0;flex-shrink:0;position:relative;top:-2px}.native-link{border:0;background:none;color:#3984e9;font-size:12px;font-weight:500;padding:2px 0;text-align:left}.native-summary-state{font-size:10px;color:#919095;float:right;margin-top:4px}.native-summary-state.working{animation:summary-breathe .8s infinite alternate}
.native-day-ribbon{border-top:1px solid #e4e2ec;padding:15px 18px 12px}.native-day-ribbon #demo-ribbon-track{height:8px;border-radius:5px;background:#e3e1e8;display:flex;gap:2px;align-items:center;position:relative;overflow:hidden;padding:0 4.5%}.native-day-ribbon #demo-ribbon-track i{height:8px;width:var(--bar-width,10px);border-radius:2px;background:var(--activity);flex-shrink:0}.native-day-ribbon #demo-ribbon-track .native-gap{width:var(--bar-width,10px);background:transparent}.native-ribbon-times{display:flex;justify-content:space-around;font-size:9px;color:#b7b7bc;line-height:1.5;margin-top:4px}
.native-group-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #dcdfe4;padding-bottom:8px;margin:23px 8px 0}.native-group-head h3{font-size:16px;font-weight:650;letter-spacing:-.25px;margin:0;color:#2c2c2e}.native-group-head h3>span{font-size:12px;font-weight:500;color:#a7a9ad;margin-left:6px}.native-group-head time{font-size:12px;white-space:nowrap;color:#8d8f94}.native-group-aside{font-size:11.5px;line-height:1.55;color:#85878b;margin:5px 8px 9px;min-height:18px}
.native-row-group{background:#fff;border:1px solid #e1e3e6;border-radius:18px;overflow:hidden;padding:3px 7px;box-shadow:0 1px 2px #00000002}
.native-row{display:flex;align-items:center;gap:12px;padding:10px 9px;min-height:57px;position:relative;text-align:left;width:100%;background:none;border:0;color:#2d2d2f;font-family:inherit}.native-row+.native-row:before{content:'';position:absolute;left:53px;right:8px;top:0;height:.5px;background:#e7e7e9}.native-row.native-arriving{animation:native-arrive .6s cubic-bezier(.2,.8,.2,1) both}.native-icon{display:inline-block;position:relative;flex-shrink:0;width:30px;height:30px}.native-icon>img{width:30px;height:30px;object-fit:contain;border-radius:6px;display:block}.native-icon>img.browser-badge{position:absolute;width:13px;height:13px;right:-3px;bottom:-3px;border:1px solid #fff;border-radius:4px;background:#fff}.native-row-text{flex:1;min-width:0}.native-row-text strong{display:block;font-size:12.5px;font-weight:600;color:#303033;letter-spacing:-.1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.native-row-text small{display:block;font-size:11.5px;color:#909095;line-height:1.5;margin-top:1px}.native-row time{font-size:11.5px;color:#929296;min-width:59px;text-align:right;white-space:nowrap}.native-site{font-size:10.5px;color:#8c8d92;background:#f3f3f5;border-radius:20px;padding:4px 8px;white-space:nowrap;display:flex;align-items:center;gap:5px;flex-shrink:0}.native-site img{width:14px;height:14px;object-fit:contain}
.product-demo-controls{display:flex;align-items:center;gap:17px;background:#eceef2;border-top:1px solid #dfe2e7;padding:10px 19px;font-size:10px;color:#8c8e95}.product-demo-controls>span{flex:1}.product-demo-controls button{font-size:10px;border:0;background:none;padding:3px 0;color:#70737b}
.native-expanded{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:11px 14px 15px 53px}.native-expanded-summary>span{font-size:10px;color:#818185;font-weight:600}.native-expanded-summary p{font-size:12px;line-height:1.7;color:#58585c;margin:10px 0 0}.native-source-well{border-radius:10px;background:#f6f6f7;overflow:hidden}.native-source-well h5{font-size:10px;color:#8a8a8d;margin:0;padding:10px 12px 6px;font-weight:600}.native-source-well>div{display:flex;align-items:center;gap:9px;padding:9px 12px 12px}.native-source-well img{width:22px;height:22px;object-fit:contain}.native-source-well strong{display:block;font-size:11px;font-weight:550;color:#3f3f42}.native-source-well small{display:block;font-size:10px;color:#99999c;margin-top:4px}.native-source-well>a{display:block;padding:8px 12px;border-top:.5px solid #e9e9eb;color:#3d87e7;font-size:11px;font-weight:500}.native-action-bar{display:flex;justify-content:space-between;padding:6px 18px 14px 53px;font-size:10px;color:#a0a0a6}.native-action-bar a{color:#3984e9}
.product-features .native-gallery{display:grid;grid-template-columns:1fr 1fr;gap:18px}.native-feature{border-radius:23px;background:#fffdfa;border:1px solid #ebebe5;overflow:hidden;min-width:0}.native-feature.full{grid-column:span 2}.native-feature-copy{padding:28px 30px 23px}.native-feature-copy h3{font-size:23px;font-weight:500;letter-spacing:-.7px;margin:0 0 11px}.native-feature-copy p{font-size:13px;line-height:1.7;color:#929184;max-width:520px;margin:0}.native-feature.full .native-feature-copy{display:flex;justify-content:space-between;align-items:center;gap:35px;padding:30px 34px}.native-feature.full .native-feature-copy h3{font-size:29px;margin:0;white-space:nowrap}.native-feature.full .native-feature-copy p{max-width:370px}.native-shot{background:#eceef2;overflow:hidden;position:relative}.native-shot img{display:block;width:100%;max-width:none;height:auto}.native-today-shot{aspect-ratio:1.82}.native-today-shot img{transform:translateY(-10.5%)}.native-recall-shot{aspect-ratio:1.6;margin-top:2px}.native-recall-shot img{width:125%;transform:translate(-10%,-9%)}.native-detail-example{background:#eceef2;padding:30px 24px 35px;min-height:347px;display:flex;align-items:center}.native-detail-example .native-row-group{width:100%}.native-detail-example .native-expanded{grid-template-columns:1fr;padding-left:53px;gap:18px}.native-detail-example .native-row{min-height:65px}.native-detail-example .native-row-text strong{font-size:13px}.native-detail-example .native-row-text small{font-size:11px}.native-detail-example .native-expanded-summary p{font-size:12px}.native-detail-example .native-source-well>div{padding:10px 12px}
.native-recall{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text",system-ui,sans-serif;background:#fff;border:1px solid #d3d3d6;border-radius:17px;overflow:hidden;box-shadow:0 15px 34px #31312f17;color:#303033}
.native-recall-header{height:64px;padding:14px 18px;display:flex;align-items:center;gap:12px;border-bottom:.5px solid #eeeeef;background:#fff}.native-recall-header>span{font-size:32px;line-height:1;color:#919193}.native-recall-header input{font-size:23px;font-weight:450;border:0;outline:0;background:none;min-width:0;width:100%;flex:1;color:#303033;padding:0;font-family:inherit}.native-search-period{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;border:0;border-radius:8px;background:#f3f3f4;height:30px;padding:0 10px;font-size:10px;color:#66666b;white-space:nowrap}.native-search-period>span{font-size:14px;color:#929299}.native-recall-main{display:grid;grid-template-columns:49% 51%;height:375px}.native-recall-results{padding:12px 7px;overflow:auto;border-right:.5px solid #eeeeef;scrollbar-width:none}.native-result-group{font-size:11px;color:#99999e;font-weight:600;padding:2px 12px 9px;margin-top:3px}.native-recall-result{background:none;border:0;border-radius:10px;display:flex;align-items:center;gap:10px;width:100%;min-height:52px;padding:10px 11px;text-align:left;margin:1px 0;color:#323234;font-family:inherit}.native-recall-result.selected{background:#dcebff}.native-recall-result>.native-icon{width:25px;height:25px}.native-recall-result>.native-icon>img{width:25px;height:25px}.native-recall-result>.native-icon>img.browser-badge{width:10px;height:10px;border-radius:3px}.native-result-text{min-width:0;flex:1}.native-result-text strong{display:block;font-size:11.5px;font-weight:550;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.native-result-text small{font-size:10px;color:#949499;display:block;margin-top:2px;line-height:1.3}.native-recall-result>time{font-size:10px;color:#939399;white-space:nowrap;flex-shrink:0}.native-recall mark,.native-feature mark{background:#ffecaa;color:inherit;padding:0 1px}
.native-date-token{display:grid;place-items:center;width:26px;height:26px;flex-shrink:0;border:1px solid #f1f1f2;border-radius:7px;font-size:11px;font-weight:650}.native-recall-preview{padding:22px 21px;overflow:auto}.native-preview-title{display:flex;gap:13px;align-items:center}.native-preview-title>.native-icon,.native-preview-title>.native-icon>img{width:34px;height:34px}.native-preview-title>.native-icon>img.browser-badge{width:14px;height:14px;border-radius:4px}.native-preview-title h3{font-size:17px;font-weight:650;line-height:1.25;letter-spacing:-.45px;color:#2c2c2e;margin:0 0 7px}.native-preview-title p{font-size:11px;color:#95959a;line-height:1.4;margin:0}.native-recall-duration{font-size:12px;color:#939397;margin:23px 0 0}.native-recall-footer{height:40px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#8e8e94;background:#fbfbfc;border-top:.5px solid #eeeeef}.native-recall-footer a{font-weight:600;font-size:11px;color:#48484d;display:flex;gap:8px;align-items:center}.native-recall-footer kbd{font-size:9px;float:none;padding:2px 4px;background:#f0f0f1;color:#99999c}.native-empty{font-size:12px;color:#99999c;padding:30px 15px;line-height:1.7}
.native-workflow{background-color:#eeece3}.native-workflow .step-mock{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text",system-ui,sans-serif;background:#eceef2;padding:23px;box-shadow:0 13px 30px #33351e12;border-color:#d9dbe0;max-width:430px}.native-workflow .step-mock h4{font-weight:650;color:#35353a;font-size:18px}.native-workflow .step-overline{color:#999ba0;font-family:inherit;font-size:10px;text-transform:none;letter-spacing:0}.native-workflow .step-setting{background:#fff;padding:14px 12px;border-top:.5px solid #eeeeef}.native-workflow .step-setting:first-of-type{border-radius:10px 10px 0 0}.native-workflow .step-setting:last-of-type{border-radius:0 0 10px 10px}.native-workflow .step-setting span{color:#434348;font-size:12px}.native-workflow .step-setting small{color:#9c9ca2;font-size:10px}.native-workflow .step-switch{background:#3989e8}.native-workflow .step-activity{background:#fff;border-radius:10px}.native-workflow .step-activity span{color:#36363b;font-weight:550}.native-workflow .step-activity small{color:#8c8c94}.native-workflow .step-summary{background:#fff;color:#65656d}.native-workflow .ai-connection{background:#fff;border-color:#e2e3e6;color:#414149;border-radius:10px}
@keyframes native-arrive{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.product-toolbar{gap:11px}.native-toolbar-search{font-size:11px}.native-recording{width:93px}.product-scroll{padding-left:6%;padding-right:6%}.native-feature.full .native-feature-copy h3{font-size:26px}.native-feature-copy{padding:24px}.native-site{max-width:140px;overflow:hidden;text-overflow:ellipsis}.native-recall-main{height:370px}.native-recall-result{gap:7px;padding:10px 8px}.native-result-text strong{font-size:10px}.native-result-text small,.native-recall-result>time{font-size:9px}.native-preview-title h3{font-size:16px}.native-recall-preview{padding:20px 16px}}
@media(max-width:760px){.product-toolbar{height:40px;padding:0 10px;gap:9px}.product-toolbar .traffic{gap:4px}.product-toolbar .traffic i{width:6px;height:6px}.native-day-arrows{display:none}.native-toolbar-search{height:25px;width:auto;flex:1;max-width:none;font-size:8px;border-radius:8px;padding:0 7px;gap:5px}.native-toolbar-search>span{font-size:15px}.native-recording{width:47px;height:25px;font-size:10px;gap:5px}.native-recording>span{display:none}.native-recording i{width:4px;height:4px}.native-settings{width:25px;height:25px;font-size:17px}.product-scroll{height:477px;padding:20px 13px 25px}.native-today{gap:8px;margin:2px 4px 20px}.native-today h2{font-size:24px}.native-calendar{width:28px;height:28px}.native-calendar>span{height:9px;line-height:9px;font-size:7px}.native-calendar>b{font-size:17px;line-height:19px}.native-day-card{border-radius:15px;margin-bottom:20px}.native-day-copy{padding:14px 13px 13px}.native-day-copy h3{font-size:14px;line-height:1.5;margin-bottom:9px}.native-day-copy h3>span{font-size:10px;margin-left:3px}.native-day-copy ul{font-size:10px;line-height:1.6;min-height:63px}.native-day-copy li{gap:6px;margin:3px 0}.native-day-copy li:before{width:3px;height:3px;top:-1px}.native-link{font-size:10px}.native-summary-state{font-size:8px}.native-day-ribbon{padding:12px 12px 9px}.native-day-ribbon #demo-ribbon-track{height:6px}.native-day-ribbon #demo-ribbon-track i{height:6px}.native-ribbon-times{font-size:7px;margin-top:3px}.native-group-head{margin:17px 4px 0;padding-bottom:7px;gap:7px}.native-group-head h3{font-size:12px}.native-group-head h3>span{font-size:10px;margin-left:3px}.native-group-head time{font-size:8px}.native-group-aside{font-size:9px;margin:4px 4px 8px}.native-row-group{padding:3px 4px;border-radius:14px}.native-row{gap:9px;min-height:54px;padding:10px 6px}.native-row-text strong{font-size:10px}.native-row-text small{font-size:9px}.native-icon,.native-icon>img{width:25px;height:25px}.native-icon>img.browser-badge{width:11px;height:11px;bottom:-2px;right:-2px}.native-row time{font-size:9px;min-width:42px}.native-site{display:none}.native-row+.native-row:before{left:40px;right:6px}.product-demo-controls{font-size:8px;padding:9px 12px;gap:15px}.product-demo-controls button{font-size:9px}.product-features .native-gallery{grid-template-columns:1fr;gap:16px}.native-feature.full{grid-column:auto}.native-feature.full .native-feature-copy{display:block;padding:25px}.native-feature.full .native-feature-copy h3{font-size:24px;white-space:normal;margin-bottom:11px}.native-feature.full .native-feature-copy p{font-size:12px}.native-feature-copy h3{font-size:23px}.native-feature-copy p{font-size:12px}.native-today-shot{aspect-ratio:1.18}.native-today-shot img{width:150%;transform:translate(-16.7%,-10.5%)}.native-detail-example{padding:25px 15px;min-height:320px}.native-detail-example .native-expanded{padding:10px 12px 12px 44px}.native-detail-example .native-row-text strong{font-size:12px}.native-detail-example .native-row-text small{font-size:10px}.native-detail-example .native-expanded-summary p{font-size:11px}.native-action-bar{padding-left:44px;font-size:9px}.native-recall-shot{aspect-ratio:1.35}.native-recall-shot img{width:150%;transform:translate(-16.7%,-9%)}.native-recall-header{height:56px;padding:13px 14px;gap:9px}.native-recall-header>span{font-size:26px}.native-recall-header input{font-size:22px}.native-search-period{height:27px;font-size:9px;padding:0 8px;gap:6px}.native-recall-main{grid-template-columns:1fr;height:auto}.native-recall-results{max-height:230px;border-right:0;border-bottom:.5px solid #eee;padding:8px}.native-result-group{font-size:10px;padding-bottom:6px}.native-recall-result{min-height:47px;padding:9px;gap:10px}.native-result-text strong{font-size:11px}.native-result-text small,.native-recall-result>time{font-size:9px}.native-recall-preview{padding:25px 22px;min-height:235px}.native-preview-title h3{font-size:19px;line-height:1.25}.native-preview-title p{font-size:11px}.native-recall-duration{font-size:12px;margin-top:22px}.native-recall-footer{font-size:9px}.native-recall-footer a{font-size:10px}.native-workflow .step-mock{padding:21px}}

/* Deliberate close crops of native app screenshots. */
.native-today-shot img{transform:translateY(-11.8%)}.native-recall-shot{aspect-ratio:auto;height:374px;background:#fff}.native-recall-shot img{width:245%;max-width:none;transform:translate(-9%,-8.7%)}.native-local{display:flex;align-items:center;gap:6px}.native-local svg{width:10px;height:10px;color:#b0b0b4}
@media(max-width:760px){.native-today-shot img{transform:translate(-16.7%,-11.8%)}.native-recall-shot{height:300px}.native-recall-shot img{width:245%;transform:translate(-9%,-8.7%)}}

/* Native settings, grouped activity and Recall components used in the workflow. */
.workflow-native-settings,.workflow-native-day,.workflow-native-recall{width:calc(100% - 52px);max-width:450px;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text",system-ui,sans-serif;color:#333338;box-shadow:0 14px 34px #30313a14;border:1px solid #d6d7dc;border-radius:17px;background:#eceef2;padding:23px}.workflow-sheet-header{display:flex;align-items:center;gap:10px;margin:0 0 23px}.workflow-sheet-header>span:first-child{font-size:25px;color:#85858c}.workflow-sheet-header h4{font-size:20px;font-weight:650;letter-spacing:-.55px;margin:0;flex:1}.native-done{font-size:11px;border-radius:18px;background:#e3ecff;color:#4082df;padding:6px 12px}.workflow-app-list{background:#fff;border:.5px solid #e3e4e8;border-radius:12px;overflow:hidden}.workflow-app-search{display:flex;gap:8px;font-size:15px;color:#949499;padding:12px 14px;border-bottom:.5px solid #eee}.workflow-app-search span{font-size:11px}.workflow-app-list>div:not(.workflow-app-search){display:flex;align-items:center;gap:11px;min-height:47px;margin:0 12px;padding:8px 0;border-bottom:.5px solid #eee}.workflow-app-list>div:last-child{border:0}.workflow-app-list img{width:27px;height:27px;object-fit:contain}.workflow-app-list>div>span{font-size:12px;flex:1}.native-check{font-style:normal;background:#3e88e8;color:#fff;border-radius:4px;font-size:10px;padding:0 3px;line-height:15px}.workflow-option{background:#fff;border:.5px solid #e3e4e8;border-radius:12px;padding:12px 13px;display:flex;align-items:center;gap:10px;margin-top:13px;min-height:52px}.workflow-option strong{font-size:11.5px;font-weight:550;flex:1}.workflow-symbol{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;font-size:20px;flex-shrink:0}.workflow-symbol.globe{color:#468de4;background:#e7f0ff}.workflow-symbol.keyboard{color:#ab78df;background:#f3eaff;font-size:18px}.native-switch-off{width:28px;height:17px;border-radius:15px;background:#d7d7da;position:relative;flex-shrink:0}.native-switch-off:before{content:"";position:absolute;width:13px;height:13px;background:#fff;border-radius:50%;top:2px;left:2px;box-shadow:0 1px 2px #2222}.workflow-connections>p{font-size:11.5px;line-height:1.65;color:#85858f;margin:0 0 19px}.workflow-connections .workflow-app-list>div{min-height:61px}.workflow-connections strong{font-size:12px;font-weight:600;display:block}.workflow-connections small{font-size:10px;color:#a0a0a8;display:block;margin-top:4px}.workflow-connections .native-connect{font-size:10px;border-radius:15px;padding:6px 10px;background:#f1f2f5;border:.5px solid #e2e3e7;flex:0}.workflow-native-day{padding:20px;background:#eceef2}.workflow-native-day .native-today{margin:0 3px 15px}.workflow-native-day .native-today h2{font-size:24px}.workflow-native-day .native-day-card{margin-bottom:18px;border-radius:15px}.workflow-native-day .native-day-copy{padding:14px}.workflow-native-day .native-day-copy h3{font-size:14px}.workflow-native-day .native-day-copy ul{font-size:10px;line-height:1.6;min-height:0;margin-bottom:9px}.workflow-native-day .native-day-copy li{margin:2px 0;gap:6px}.workflow-native-day .native-day-copy li:before{width:3px;height:3px}.workflow-native-day .native-link{font-size:10px}.workflow-ribbon{height:7px;margin:9px 15px 12px;border-radius:4px;background:repeating-linear-gradient(90deg,#63b59c 0 12px,#3d87e2 12px 20px,#e965ae 20px 30px,#a879d1 30px 35px,#3d87e2 35px 48px,#eceaf1 48px 59px)}.workflow-native-day .native-group-head{margin:0 3px 11px}.workflow-native-day .native-group-head h3{font-size:12px}.workflow-native-day .native-group-head time{font-size:8px}.workflow-native-day .native-row{gap:9px;min-height:51px;padding:9px 6px}.workflow-native-day .native-icon,.workflow-native-day .native-icon>img{width:25px;height:25px}.workflow-native-day .native-icon>img.browser-badge{width:11px;height:11px}.workflow-native-day .native-row-text strong{font-size:10.5px}.workflow-native-day .native-row-text small{font-size:9px}.workflow-native-day .native-row time{font-size:8px;min-width:40px}.workflow-native-recall{background:#fff;padding:0;overflow:hidden}.workflow-recall-query{display:flex;align-items:center;gap:10px;padding:16px 18px;font-size:24px;color:#9a9aa0;border-bottom:.5px solid #eee}.workflow-recall-query>span{font-size:21px;color:#323238;flex:1}.workflow-recall-query small{font-size:9px;color:#9999a1;padding:6px 9px;border-radius:6px;background:#f5f5f7}.workflow-recall-results{padding:12px 8px}.workflow-recall-results>.native-result-group{display:block;margin:0;padding-bottom:9px;font-size:10px}.workflow-recall-row{border-radius:9px;padding:0 6px}.workflow-recall-row.selected{background:#dcebff}.workflow-recall-row .native-row{min-height:57px;padding:9px 3px;gap:9px}.workflow-recall-row .native-icon,.workflow-recall-row .native-icon>img{width:25px;height:25px}.workflow-recall-row .native-icon>img.browser-badge{width:11px;height:11px}.workflow-recall-row .native-row-text strong{font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workflow-recall-row .native-row-text small{font-size:9px}.workflow-recall-row .native-row time{font-size:8px;min-width:39px}.workflow-recall-detail{border-top:.5px solid #eee;padding:19px 22px 23px}.workflow-recall-detail h4{font-size:16px;font-weight:650;letter-spacing:-.4px;margin:0 0 20px}.workflow-recall-detail>span{font-size:10px;color:#929298;font-weight:600}.workflow-recall-detail p{font-size:12px;line-height:1.65;color:#666670;margin:8px 0 20px}.workflow-recall-detail a{font-size:11px;color:#4785d1}
.native-preview-summary{margin:24px 0 0}.native-preview-summary>span{font-size:10.5px;font-weight:600;color:#8d8d94}.native-preview-summary ul{font-size:12px;line-height:1.65;list-style:none;padding:0;color:#55555d;margin:10px 0 0}.native-preview-summary li+li{margin-top:8px}.native-preview-summary li:before{display:none}.native-recall-preview>.native-source-well{margin-top:22px;background:#f7f7f8;border-radius:11px;padding:12px}.native-recall-preview>.native-source-well h5{font-size:10px;color:#8b8b92;font-weight:600;margin:0 0 12px}.native-recall-preview>.native-source-well>div{padding:0;display:flex;gap:9px;align-items:center}.native-recall-preview>.native-source-well img{width:25px;height:25px;object-fit:contain;flex-shrink:0}.native-recall-preview>.native-source-well strong{font-size:11px;font-weight:550;color:#53535c;display:block}.native-recall-preview>.native-source-well small{display:block;font-size:9px;color:#929299;line-height:1.4;margin-top:3px}.native-recall-duration{margin-top:16px}
@media(max-width:760px){.workflow-native-settings,.workflow-native-day,.workflow-native-recall{width:calc(100% - 28px);padding:19px}.workflow-native-recall{padding:0}.workflow-sheet-header h4{font-size:18px}.workflow-sheet-header{margin-bottom:19px}.workflow-native-day .native-day-copy{padding:13px}.workflow-option{padding:10px}.workflow-option strong{font-size:10.5px}.native-recall-preview{min-height:280px}.native-preview-summary ul{font-size:12px}.native-recall-shot{height:290px}}

/* Fully framed native product examples. */
.native-product.product-demo{border-radius:23px;overflow:hidden}.product-toolbar{position:relative;border-radius:23px 23px 0 0}.product-scroll{height:auto;min-height:527px;overflow:visible;padding-top:31px;padding-bottom:31px}.product-scroll #demo-feed{min-height:171px}.native-recording{margin-left:auto;border:.5px solid #00000014;box-shadow:0 1px 4px #00000008;background:#fffffffa;width:147px;height:32px;padding:0 12px 0 7px;gap:7px;display:flex;align-items:center;justify-content:center;color:#515156;font-family:inherit;flex-shrink:0}.native-recording strong{font-size:13px;font-weight:500;letter-spacing:0}.native-record-glyph{width:16px;height:16px;display:grid!important;place-items:center;flex-shrink:0}.native-recording .native-record-glyph i{width:7px;height:7px;background:#e15c5c;border-radius:50%;box-shadow:0 0 0 3.5px #e15c5c18}.native-recording svg{width:9px;height:7px;margin-left:1px;color:#6f6f76}.native-recording:hover,.native-recording[aria-expanded="true"]{background:#0000000d;box-shadow:none}.native-settings{border:0;color:#88888e;font-family:inherit;flex-shrink:0}.demo-recording-menu{position:absolute;z-index:9;right:60px;top:46px;width:220px;padding:13px;border:1px solid #dedee4;border-radius:14px;background:#fffffff8;backdrop-filter:blur(12px);box-shadow:0 8px 24px #30333c20;color:#595962}.demo-recording-menu>strong{font-size:11px;display:block;margin:2px 5px 9px;color:#898990}.demo-recording-menu button{width:100%;text-align:left;border:0;background:none;border-radius:8px;font-size:12px;color:#55555f;padding:9px 7px}.demo-recording-menu button:hover{background:#edf2fa}.demo-settings-panel{position:absolute;z-index:10;top:63px;right:18px;width:430px;max-width:calc(100% - 36px);box-shadow:0 15px 35px #30333c24;border-radius:18px}.demo-settings-panel .workflow-native-settings{width:100%;max-width:none}.native-done{border:0;font-family:inherit}.native-recall{border-radius:20px}.native-feature{border-radius:25px}.native-detail-example{padding:26px 24px;min-height:0;align-items:flex-start}.native-detail-example .native-expanded{grid-template-columns:1fr;padding:13px 17px 17px;gap:21px}.native-detail-example .native-expanded-summary p{font-size:13px;line-height:1.75}.native-source-well .native-source-row{padding:9px 11px}.native-source-row+.native-source-row{border-top:.5px solid #ededf0}.native-source-well button.native-link{border:0;background:none;margin:0;padding:10px 12px;width:100%;text-align:left;border-top:.5px solid #e9e9ed;font-family:inherit;font-size:10px;color:#4e87cc}.native-action-bar button{border:0;background:none;font-size:10px;color:#92929a;padding:0;font-family:inherit}.native-detail-example .native-row-group{border-radius:18px}.native-detail-example .native-row{min-height:68px}.native-action-bar{padding:4px 18px 17px}.static-native-today{height:auto;background:#eceef2;padding:30px 8% 35px;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text",system-ui,sans-serif}.static-native-today .native-today{margin-top:0}.static-native-today .native-day-copy ul{min-height:0;font-size:13px}.static-native-today .native-day-copy li{margin:6px 0}.static-native-today .native-row-text strong{font-size:13px}.static-native-today .native-row-text small{font-size:11px}.static-native-today .native-row{min-height:59px}.static-native-today .native-row time{font-size:11px}.static-native-today .extra-day-lines{margin-top:4px}.static-native-ribbon{padding:7px 18px 13px;border-top:.5px solid #eeeeef}.static-native-ribbon .workflow-ribbon{margin:6px 0 4px}.native-row-text small:empty,.native-recall-duration:empty{display:none}.feature-native-search{background:#fff;color:#333338;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text",system-ui,sans-serif;flex:1;border-top:.5px solid #eee}.native-feature:has(.feature-native-search){display:flex;flex-direction:column}.feature-native-search .workflow-recall-detail{padding-bottom:28px}.feature-native-search .native-source-well{margin:17px 0 20px;background:#f7f7f8;border-radius:10px;padding:12px}.feature-native-search .native-source-well h5{font-size:10px;color:#919199;font-weight:600;margin:0 0 8px}.feature-native-search .native-source-row{display:flex;gap:9px;align-items:center;padding:0}.feature-native-search .native-source-row img{width:25px;height:25px;object-fit:contain}.feature-native-search .native-source-row strong{font-size:11px;font-weight:550;display:block}.feature-native-search .native-source-row small{font-size:9px;color:#929299;display:block;line-height:1.5;margin-top:3px}.native-detail-example .native-source-well .native-source-row{display:flex;align-items:center;gap:10px}.native-detail-example .native-source-row img{width:25px;height:25px;object-fit:contain;flex-shrink:0}.native-detail-example .native-source-row strong{font-size:11px;display:block;font-weight:550}.native-detail-example .native-source-row small{font-size:10px;line-height:1.5;display:block;margin-top:3px}
@media(max-width:760px){.native-product.product-demo{border-radius:17px}.product-toolbar{border-radius:17px 17px 0 0;gap:7px}.native-toolbar-search{font-size:7px}.product-scroll{min-height:484px;height:auto;padding:23px 13px 25px;overflow:visible}.product-scroll #demo-feed{min-height:162px}.native-recording{width:96px;height:26px;padding:0 7px;gap:5px}.native-recording strong{font-size:10px}.native-record-glyph{width:12px;height:12px}.native-recording .native-record-glyph i{width:5px;height:5px;box-shadow:0 0 0 2.5px #e15c5c18}.native-recording svg{width:7px;height:6px}.demo-recording-menu{top:37px;right:35px;width:195px}.native-detail-example{padding:21px 16px}.native-detail-example .native-expanded{padding-left:14px;padding-right:14px}.native-detail-example .native-expanded-summary p{font-size:12px}.static-native-today{padding:24px 15px;height:auto}.static-native-today .native-day-copy ul{font-size:11px}.static-native-today .native-day-copy li{margin:5px 0}.static-native-today .native-day-copy h3{font-size:15px}.static-native-today .native-row-text strong{font-size:11px}.static-native-today .native-row-text small,.static-native-today .native-row time{font-size:9px}.native-detail-example .native-source-well strong{font-size:11px}.native-detail-example .native-source-well small{font-size:9px}.native-action-bar{padding-left:14px}.native-settings{width:25px;height:25px}}

@keyframes summary-text-enter{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}#demo-summary-text li{animation:summary-text-enter .45s ease both}#demo-summary-text li:nth-child(2){animation-delay:65ms}#demo-summary-text li:nth-child(3){animation-delay:130ms}@media(prefers-reduced-motion:reduce){#demo-summary-text li{animation:none}}

/* Responsive finishing: keep complete native views visible and controls usable. */
.mobile-menu-toggle{display:none}
.toolbar-search-short{display:none}
.native-toolbar-search>.toolbar-search-long{font-size:12px;overflow:hidden;text-overflow:ellipsis}
.native-toolbar-search>.toolbar-search-short{font-size:12px}
.native-toolbar-search{min-width:0}
.carousel-pause{display:block;margin:-28px auto 32px;padding:8px 12px;border:0;border-radius:20px;background:transparent;color:#797b71;font-size:11px}
.carousel-pause:hover{background:#eeeee6}
.app-carousel.paused .carousel-track{animation-play-state:paused}
.native-recall-header input:focus-visible{outline:2px solid #7189ba;outline-offset:5px;border-radius:4px}
.native-recall-preview{overflow-y:auto;overscroll-behavior:contain}
.native-recall-footer a[aria-disabled="true"]{color:#b1b1b8;pointer-events:none}
.native-recall-result,.native-result-text,.native-preview-title>div,.native-source-row>span{min-width:0}
.workflow-stage{aspect-ratio:auto;min-height:580px;padding:55px 24px 24px}
.native-workflow{min-height:0;padding:0;display:flex;align-items:center;justify-content:center}
.native-workflow>.workflow-native-settings,.native-workflow>.workflow-native-day,.native-workflow>.workflow-native-recall{width:100%;max-width:450px}
.workflow-step{scroll-margin-top:110px}
#demo .context-selected{background:#dcebff;border-radius:9px}
.native-product.context-open{box-shadow:0 0 0 3px #a1bce24d,0 27px 55px #33281620}
@media(max-width:1000px) and (min-width:761px){
 .recall-layout{grid-template-columns:1fr;gap:24px}
 .numbered{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
 .numbered article{margin:0}
 .numbered>.mono{grid-column:1 / -1;margin:0}
 .recall-native{width:100%}
 .workflow-layout{grid-template-columns:1fr 1.3fr;gap:24px}
 .workflow-stage{padding:50px 18px 22px;min-height:560px}
}
@media(max-width:760px){
 html{scroll-padding-top:96px}
 .wrap{max-width:calc(100% - 36px)}
 .nav,.nav:not(.scrolled){height:56px;gap:8px;padding:5px 7px 5px 11px}
 .nav .brand{font-size:14px;gap:6px}
 .nav .brand img{width:25px;height:25px}
 .nav .github-nav{display:none}
 .nav .button.small{min-height:40px;padding:9px 12px;margin-left:0;font-size:11px}
 .mobile-menu-toggle{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;margin-left:auto;width:40px;height:40px;flex-shrink:0;border:0;border-radius:50%;background:#f0f0e9;color:#44483c}
 .mobile-menu-toggle span{width:15px;height:1px;background:currentColor;transition:transform .2s}
 .nav.menu-open .mobile-menu-toggle span:first-child{transform:translateY(3px) rotate(45deg)}
 .nav.menu-open .mobile-menu-toggle span:last-child{transform:translateY(-3px) rotate(-45deg)}
 .nav nav{display:none;position:absolute;top:64px;left:0;right:0;width:100%;height:auto;padding:10px;gap:4px;border-radius:20px;border:1px solid #e7e7df;background:#fffffc;box-shadow:0 12px 25px #27231312}
 .nav.menu-open nav{display:grid;grid-template-columns:1fr 1fr}
 .nav nav a{display:flex;align-items:center;min-height:44px;padding:11px 14px;border-radius:12px;font-size:14px}
 .nav nav a:hover,.nav nav a.active{background:#f1f2e9}
 .nav-indicator{display:none}
 .hero{height:auto;padding:116px 18px 25px}
 .hero-copy h1{font-size:clamp(39px,10.5vw,61px);letter-spacing:-2.3px}
 .hero-right .buttons{flex-wrap:wrap;gap:10px}
 .hero-right .button{font-size:12px;min-height:44px}
 .hero .pill{font-size:10px;line-height:1.4}
 .native-product{margin:38px -2px 0}
 .why{padding-top:75px;padding-bottom:45px}
 .compatibility{font-size:10px;line-height:1.65}
 .section{padding:72px 0}
 .section-heading h2,.standalone-title,.faq-section h2{font-size:clamp(34px,9.4vw,42px);line-height:1.1;letter-spacing:-1.8px}
 .product-toolbar{height:52px;padding:0 9px;gap:6px}
 .product-toolbar .traffic{gap:3px}
 .product-toolbar .traffic i{width:5px;height:5px}
 .native-toolbar-search{height:40px;flex:1;gap:5px;padding:0 7px}
 .native-toolbar-search>.toolbar-search-long{display:none}
 .native-toolbar-search>.toolbar-search-short{display:block;font-size:11px}
 .native-toolbar-search>span:first-child{font-size:18px}
 .native-recording{width:96px;min-height:40px;gap:5px;padding:0 7px}
 .native-recording strong{font-size:11px}
 .native-settings{width:40px;height:40px;font-size:20px}
 .demo-recording-menu{top:51px;right:10px;max-width:calc(100% - 20px)}
 .demo-recording-menu button{min-height:44px}
 .demo-settings-panel{top:60px;right:10px;max-width:calc(100% - 20px)}
 .demo-settings-panel .workflow-native-settings{padding:17px}
 .native-done{min-height:40px;min-width:48px}
 .product-scroll{padding:23px 12px 25px}
 .native-day-copy ul{font-size:12px;line-height:1.65}
 .native-day-copy h3{font-size:15px}
 button.native-link{min-height:40px}
 .native-row-text strong,.static-native-today .native-row-text strong{font-size:12px;white-space:normal;line-height:1.4}
 .native-row-text small{font-size:10px;line-height:1.5}
 .native-row time{font-size:10px}
 .product-scroll #demo-feed{min-height:186px}
 .product-demo-controls{padding:5px 12px;font-size:10px;gap:12px}
 .product-demo-controls button{font-size:11px;min-height:40px;min-width:44px}
 .native-summary-state{font-size:10px}
 .static-native-today .native-day-copy ul{font-size:12px}
 .native-action-bar button{font-size:11px;min-height:40px}
 .native-recall-header{height:64px;padding:10px 12px;gap:7px}
 .native-recall-header input{min-width:0;font-size:20px}
 .native-search-period{height:40px;font-size:10px;padding:0 8px}
 .native-recall-result{min-height:58px}
 .native-result-text strong{font-size:12px;white-space:normal;line-height:1.4}
 .native-recall-preview{min-height:280px;padding:22px 18px}
 .native-preview-summary ul{font-size:13px}
 .native-recall-footer{min-height:49px;padding:5px 12px}
 .native-recall-footer a{font-size:11px;min-height:40px;display:flex;align-items:center}
 .workflow-layout{display:flex;flex-direction:column;gap:20px}
 .workflow-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border:0}
 .workflow-step{min-height:140px;margin:0;padding:15px 12px;border:1px solid #e7e7df;border-radius:15px}
 .workflow-step.active{border-color:#d6b486;background:#f0eee5}
 .workflow-step h3{font-size:18px;line-height:1.2;letter-spacing:-.55px;margin:0 0 10px}
 .workflow-step p{font-size:12px;line-height:1.55}
 .workflow-stage{width:100%;min-height:550px;aspect-ratio:auto;overflow:visible;padding:50px 16px 20px;border-radius:20px}
 .native-workflow{min-height:0;padding:0}
 .native-workflow>.workflow-native-settings,.native-workflow>.workflow-native-day,.native-workflow>.workflow-native-recall{width:100%;padding:19px}
 .native-workflow>.workflow-native-recall{padding:0}
 .workflow-native-day .native-day-copy ul{font-size:11px}
 .workflow-native-day .native-row-text strong{font-size:11px;white-space:normal}
 .workflow-option strong{font-size:11px}
 .workflow-sheet-header h4{font-size:19px}
 .keyboard-panel{padding:30px 16px}
 .keyboard-search{font-size:12px;padding:0 13px;gap:9px}
 .carousel-pause{min-height:40px;margin:-20px auto 25px;font-size:11px}
 footer{padding-top:25px}
}
@media(max-width:360px){
 .hero-right .buttons{flex-direction:column;align-items:stretch}
 .hero-right .button{width:100%}
 .hero-copy h1{font-size:39px}
 .hero .pill{font-size:9px;padding:8px 10px;gap:5px}
 .native-toolbar-search>span:first-child{display:none}
 .native-recording{width:92px}
 .workflow-step{padding:13px 10px}
 .workflow-step h3{font-size:16px}
 .workflow-step p{font-size:11px}
 .workflow-stage{padding-left:12px;padding-right:12px}
 .workflow-native-settings{padding:16px!important}
}

.native-switch-on{background:#3e88e8}.native-switch-on:before{left:auto;right:2px}
#demo:focus{outline:none}#demo:focus-visible{outline:3px solid #8da9d1;outline-offset:4px}

@media(min-width:761px){.native-recall-main{height:430px}.native-recall-results{scrollbar-width:thin}}
@media(min-width:761px) and (max-height:700px){.workflow-stage{position:relative;top:0}}
@media(max-width:760px){.native-recall-results{scrollbar-width:thin}}

.workflow-step{color:#85887b}.workflow-step p{color:#7c8073}.workflow-step.active p{color:#777c6e}
@media(max-width:760px){.workflow-step{color:#6d7065}.workflow-step p{color:#777b70}.workflow-step.active p{color:#666958}}

@media(max-width:760px){
 .hero-copy{max-width:100%}
 .workflow-recall-row .native-row-text strong{white-space:normal;font-size:11px;line-height:1.4}
}

/* One continuous scene: apps become useful context for your AI. */
.connection-scene.why{display:block;overflow:visible;padding-top:calc(var(--demo-overhang,310px) + 60px);padding-bottom:0}
.connection-track{position:relative}
.connection-sticky{position:relative;min-height:680px;padding:55px 0 80px;display:grid;align-items:center;isolation:isolate}
.connection-apps-phase,.connection-ai-phase{grid-area:1/1;min-width:0;text-align:center;width:100%;margin:auto;z-index:1}
.connection-title{font-size:clamp(40px,4.8vw,68px);font-weight:500;line-height:1.07;letter-spacing:-.052em;max-width:1030px;margin:0 auto 30px;padding:0 24px}
.connection-apps-phase .statement{max-width:730px;font-size:20px;line-height:1.65;letter-spacing:-.35px;padding:0 24px;color:#6a6c61}
.connection-ai-phase{padding:60px 0 0}
.ai-logo-row{display:flex;align-items:center;justify-content:center;gap:72px;margin-top:55px}
.ai-logo-row>div{display:flex;align-items:center;gap:16px;font-size:28px;letter-spacing:-.9px;color:#303126}
.ai-logo-row img{width:46px;height:46px;object-fit:contain}
.connection-landscape{position:absolute;left:0;right:0;bottom:0;height:160px;background:url('v/20261001-10/assets/desert-dunes.png') center 60%/cover;mask-image:linear-gradient(transparent,#0008);opacity:.25;pointer-events:none;z-index:-1}
.context-dust{position:absolute;inset:0;pointer-events:none;opacity:0}
.context-dust i{position:absolute;left:var(--dust-x);top:var(--dust-y);width:var(--dust-size);height:var(--dust-size);border-radius:100%;background:#c4a16c}
.connection-scroll-cue{position:absolute;bottom:40px;left:50%;width:1px;height:38px;background:#e5e3d8}
.connection-scroll-cue span{display:block;width:1px;height:16px;background:#b6ad96;animation:context-scroll 2s ease-in-out infinite}
@keyframes context-scroll{0%,100%{transform:translateY(0);opacity:.5}60%{transform:translateY(22px);opacity:1}}
.evaporating-word{display:inline-block}
.connection-scene:not(.transition-ready) .connection-ai-phase{grid-area:auto;margin-top:95px}
.connection-scene:not(.transition-ready) .connection-scroll-cue{display:none}
.connection-scene.transition-ready .connection-track{height:calc(100svh + 620px)}
.connection-scene.transition-ready .connection-sticky{position:sticky;top:100px;height:calc(100svh - 120px);min-height:560px;padding:20px 0 50px}
.transition-ready .connection-apps-phase{opacity:calc(1 - var(--dissolve,0));pointer-events:auto}
.transition-ready .connection-apps-phase .app-carousel{transform:translateY(calc(var(--dissolve,0)*-70px));filter:blur(calc(var(--dissolve,0)*8px));opacity:calc(1 - var(--dissolve,0))}
.transition-ready .connection-apps-phase .carousel-pause{opacity:calc(1 - var(--dissolve,0))}
.transition-ready .evaporating-word{transform:translate(calc(var(--evap,0)*var(--evap-x)),calc(var(--evap,0)*-85px)) rotate(calc(var(--evap,0)*var(--evap-rotate)));filter:blur(calc(var(--evap,0)*9px));opacity:calc(1 - var(--evap,0));will-change:transform,opacity}
.transition-ready .connection-ai-phase{opacity:var(--arrival,0);transform:translateY(calc((1 - var(--arrival,0))*30px));filter:blur(calc((1 - var(--arrival,0))*4px));pointer-events:none;padding:0}
.transition-ready .ai-logo-row>div{transform:translateY(calc((1 - var(--arrival,0))*35px))}
.transition-ready .ai-logo-row>div:nth-child(2){transform:translateY(calc((1 - var(--arrival,0))*48px))}
.transition-ready .ai-logo-row>div:nth-child(3){transform:translateY(calc((1 - var(--arrival,0))*62px))}
.transition-ready .context-dust{opacity:calc(var(--dissolve,0)*(1 - var(--arrival,0))*.8)}
.transition-ready .context-dust i{transform:translate(calc(var(--dissolve,0)*35px),calc(var(--dissolve,0)*-160px));filter:blur(calc(var(--dissolve,0)*.5px))}
.ai-arrived .connection-scroll-cue{opacity:0}
.product-showcase.recall-section{background:#f3f2eb;padding:115px 0}
.product-showcase .recall-layout{display:block}
.product-showcase .section-heading{align-items:center;margin-bottom:45px}
.product-showcase .section-heading h2{font-size:clamp(38px,4.1vw,59px);line-height:1.06;letter-spacing:-.055em;max-width:690px}
.product-showcase .section-heading p{max-width:330px;font-size:16px;line-height:1.7}
.product-demo-heading{scroll-margin-top:125px;display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:14px}
.demo-caption{font-size:12px;color:#66685d}
.demo-tip{font-size:11px;color:#8e9085}
.product-showcase .native-recall{box-shadow:0 22px 50px #3436280c;border:1px solid #deded8;border-radius:20px}
.product-showcase .native-recall-main{height:450px;grid-template-columns:48% 52%}
.product-showcase .native-recall-header{padding:18px 22px}
.product-showcase .native-recall-result{padding:17px 12px}
.product-showcase .native-recall-preview{padding:32px}
.product-showcase .native-preview-title h3{font-size:18px}
.product-showcase .native-preview-summary{margin-top:30px}
.product-showcase .native-preview-summary li{font-size:14px;line-height:1.65}
.product-showcase .native-recall-preview>.native-source-well{margin-top:30px;padding:18px}
.product-showcase .native-recall-preview>.native-source-well h5{font-size:11px}
.product-showcase .native-recall-preview>.native-source-well strong{font-size:13px}
.product-showcase .native-recall-preview>.native-source-well small{font-size:11px}
.short-workflow{padding:110px 0}
.short-workflow .section-heading{margin-bottom:50px}
.workflow-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:55px}
.workflow-strip article{border-top:1px solid #dedfd5;padding-top:26px}
.workflow-mini-icon{width:42px;height:42px;border-radius:13px;background:#eeece2;display:grid;place-items:center;margin-bottom:25px;color:#807357}
.workflow-mini-icon svg{width:24px;height:24px}
.workflow-strip h3{font-size:22px;font-weight:500;letter-spacing:-.6px;margin:0 0 12px}
.workflow-strip p{font-size:14px;line-height:1.65;max-width:245px;color:#77796e;margin:0}
.faq-section{padding-top:65px;padding-bottom:100px}
.download-section{min-height:545px;margin:0 auto 90px;padding:70px;position:relative;overflow:hidden;background-position:center 55%;max-width:1260px}
.download-section:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,#f8f7f280,transparent 70%)}
.download-copy h2{font-weight:500;font-size:clamp(45px,5.1vw,73px);letter-spacing:-.05em;line-height:1.05}
.download-copy p{color:#545449;font-size:15px}
.download-copy .compatibility{margin-top:20px;font-size:11px;color:#514a3e}
.download-icon{position:relative;width:195px;filter:drop-shadow(0 20px 22px #38291840)}
@media(max-width:1200px){.download-section{margin-left:30px;margin-right:30px;padding:55px}.ai-logo-row{gap:48px}}
@media(max-width:760px){
.connection-scene.why{padding-top:70px}
.connection-sticky{min-height:0;padding:25px 0 55px}
.connection-title{font-size:clamp(32px,8.8vw,45px);padding:0 22px;margin-bottom:24px;letter-spacing:-.052em}
.connection-title br{display:none}
.connection-apps-phase .statement{font-size:16px;line-height:1.65;padding:0 26px}
.connection-apps-phase .carousel-pause{margin-bottom:24px}
.ai-logo-row{gap:25px;margin-top:38px}
.ai-logo-row>div{flex-direction:column;gap:13px;font-size:19px;letter-spacing:-.5px}
.ai-logo-row img{width:42px;height:42px}
.connection-landscape{height:115px}
.connection-scene:not(.transition-ready) .connection-ai-phase{margin-top:65px;padding-top:0}
.product-showcase.recall-section{padding:70px 0}
.product-showcase .section-heading{margin-bottom:32px}
.product-showcase .section-heading h2{font-size:36px}
.product-showcase .section-heading p{max-width:none;font-size:14px}
.product-demo-heading{align-items:flex-start;flex-direction:column;gap:6px}
.product-showcase .native-recall-main{height:auto;display:block}
.product-showcase .native-recall-header{padding:14px 12px}
.product-showcase .native-recall-result{padding:13px 10px}
.product-showcase .native-recall-preview{padding:24px 18px;min-height:310px}
.product-showcase .native-preview-title h3{font-size:16px}
.product-showcase .native-preview-summary li{font-size:13px}
.product-showcase .native-recall-preview>.native-source-well{margin-top:20px}
.product-showcase .native-recall-preview>.native-source-well strong{font-size:12px}
.short-workflow{padding:70px 0}
.short-workflow .section-heading{margin-bottom:35px}
.workflow-strip{grid-template-columns:1fr;gap:25px}
.workflow-strip article{display:grid;grid-template-columns:42px 1fr;column-gap:18px;padding-top:24px}
.workflow-mini-icon{grid-row:1/3;margin:0}
.workflow-strip h3{font-size:20px;margin-bottom:8px}
.workflow-strip p{max-width:none}
.faq-section{padding:30px 0 65px}
.download-section{margin:0 18px 60px;padding:38px 28px;min-height:540px;background-position:59% bottom;display:block}
.download-copy h2{font-size:44px}
.download-copy p{font-size:14px;max-width:235px}
.download-copy .button{font-size:13px;padding:14px 17px}
.download-copy .compatibility{font-size:10px;max-width:210px;line-height:1.8}
.download-icon{width:125px;margin:42px 0 0 auto}
}
/* Readable flow also wins immediately while a viewport or motion change is handled. */
@media(max-width:760px),(max-height:679px),(prefers-reduced-motion:reduce){
 .connection-scene .connection-track,.connection-scene.transition-ready .connection-track{height:auto}
 .connection-scene .connection-sticky,.connection-scene.transition-ready .connection-sticky{position:relative;top:auto;height:auto;min-height:0;display:block}
 .connection-scene .connection-apps-phase,.connection-scene .connection-ai-phase{opacity:1;transform:none;filter:none;pointer-events:auto}
 .connection-scene .connection-ai-phase{margin-top:65px;padding-top:0}
 .connection-scene .evaporating-word,.connection-scene .connection-apps-phase .app-carousel,.connection-scene .connection-apps-phase .carousel-pause,.connection-scene .ai-logo-row>div:nth-child(n){transform:none;filter:none;opacity:1}
 .connection-scene .connection-scroll-cue,.connection-scene .context-dust{display:none}
}
@media(prefers-reduced-motion:reduce){.connection-scroll-cue{display:none}.evaporating-word{transform:none!important;filter:none!important;opacity:1!important}.connection-landscape{opacity:.18}.connection-ai-phase{opacity:1!important;transform:none!important;filter:none!important}.context-dust{display:none}}

/* All content remains legible when animation or JavaScript is unavailable. */
html:not(.js-enabled) .carousel-track{animation:none;width:100%}
html:not(.js-enabled) .carousel-group{flex-wrap:wrap;justify-content:center;gap:18px;width:100%;padding:0}
html:not(.js-enabled) .carousel-group[aria-hidden=true]{display:none}
html:not(.js-enabled) .app-carousel{mask-image:none}
html:not(.js-enabled) .carousel-pause,html:not(.js-enabled) .mobile-menu-toggle,html:not(.js-enabled) .product-demo-controls,html:not(.js-enabled) #day-show-all{display:none}
@media(max-width:760px){html:not(.js-enabled) .nav{position:relative;display:flex;flex-wrap:wrap;margin:14px;left:auto;right:auto;top:auto;width:auto}html:not(.js-enabled) .nav nav{position:static;display:flex;order:4;flex-basis:100%;justify-content:space-around;padding:5px 0;border:none;background:none;box-shadow:none}html:not(.js-enabled) .nav nav a{min-height:40px;display:grid;place-items:center}html:not(.js-enabled) .nav-indicator{display:none}}

/* Reserve the full scene before events arrive; only the content animates. */
.native-day-arrows{width:66px;height:32px;padding:0 3px;gap:0;color:#777980}
.native-day-arrows>span{display:grid;place-items:center;width:27px;height:28px;color:#777980}
.native-day-arrows>span.next-day{color:#b9bbc2}
.native-day-arrows svg{width:15px;height:15px;display:block}
.native-day-arrows i{height:15px;background:#e6e7e9}
.native-recording{width:142px;padding:0 9px;gap:7px}
.native-recording svg{display:block;flex-shrink:0;width:14px;height:14px;margin:0;color:#777980}
.native-recording .native-record-glyph{margin:0;width:18px;height:18px;display:grid;place-items:center}
#demo-feed{min-height:204px}
#demo-feed .native-row{min-height:68px}
#demo-summary-text{min-height:76px;transition:opacity .5s ease}


.native-summary-state{position:absolute;bottom:16px;right:20px;margin:0;float:none}
.native-row.native-arriving{animation:native-soft-arrive .95s cubic-bezier(.22,.61,.36,1) both}
@keyframes native-soft-arrive{from{opacity:0;transform:translateY(9px);filter:blur(2px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes summary-finish{from{opacity:.55;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
.connection-apps-phase .app-carousel{margin-bottom:55px}
@media(max-width:760px){
.native-day-arrows{display:none}
.native-recording{width:100px;padding:0 5px;gap:4px}
.native-recording svg{width:12px;height:12px}
.native-recording .native-record-glyph{width:14px;height:14px}
#demo-feed{min-height:192px}
#demo-feed .native-row{min-height:64px}
#demo-summary-text{min-height:124px}
.native-summary-state{right:13px;bottom:13px;font-size:9px}
.connection-apps-phase .app-carousel{margin-bottom:35px}
}
@media(prefers-reduced-motion:reduce){#demo-summary-text{transition:none}.native-row.native-arriving,#demo-summary-text.summary-finished{animation:none}}

.product-scroll #demo-feed{min-height:212px}
@media(max-width:760px){.product-scroll #demo-feed{min-height:200px}}


/* Product demos live in the page flow, with no nested scroll regions. */
.native-product.product-demo,.product-showcase .native-recall,.native-day-card,.native-row-group{overflow:clip}
.product-scroll{height:auto;max-height:none;overflow:visible;overscroll-behavior:auto}
.product-showcase.recall-section{border:0;background:linear-gradient(to bottom,var(--paper),#f4f4ed 125px,#f4f4ed calc(100% - 125px),var(--paper))}
.product-showcase .native-recall{border-color:#35372b13;box-shadow:0 18px 44px #34362809}
.recall-layout{scroll-margin-top:115px}
.product-showcase .native-recall-main{height:auto;min-height:0;align-items:stretch}
.product-showcase .native-recall-results{overflow:visible;max-height:none;height:auto;overscroll-behavior:auto;padding:15px 10px 18px}
.product-showcase .native-recall-preview{overflow:visible;max-height:none;height:auto;min-height:0;overscroll-behavior:auto}
.product-showcase .native-recall-result{padding:15px 12px}
.product-showcase .native-result-text strong{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.45;font-size:12px}
.product-showcase .native-result-text small{line-height:1.5}
.product-showcase .native-recall-header input{font-size:23px}
#demo-summary-text{min-height:108px;transition:none}
#demo-summary-text.summary-writing{opacity:1}
.summary-line-arriving{animation:summary-line-arrive .9s cubic-bezier(.22,.61,.36,1) both}
@keyframes summary-line-arrive{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}

/* A quiet landscape and a visual route back to the work. */
.return-workflow{position:relative;isolation:isolate;padding:105px 0 165px;min-height:630px}
.return-landscape{position:absolute;inset:0;z-index:-1;background:url('v/20261001-10/assets/daydream-desert-mesas-v9.png') center bottom/cover no-repeat;opacity:.08;pointer-events:none;mask-image:linear-gradient(transparent,black 22%,black 73%,transparent)}
.return-content{text-align:center}
.return-content>h2{font-size:clamp(38px,4.8vw,65px);font-weight:500;line-height:1.08;letter-spacing:-.05em;margin:0 auto;max-width:800px}
.return-path{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:850px;margin:68px auto 0}
.return-path:before{content:"";position:absolute;left:14%;right:14%;top:43px;height:1px;background:linear-gradient(90deg,transparent,#c5b39488 18%,#c5b39488 82%,transparent);z-index:-1}
.return-step{display:flex;align-items:center;flex-direction:column;padding:10px 4px 20px;border-radius:20px;min-width:0}
.return-icons{height:68px;display:flex;justify-content:center;align-items:center;gap:10px}
.return-icons>img{width:38px;height:38px;object-fit:contain;filter:drop-shadow(0 3px 7px #8474620b);transition:transform .5s cubic-bezier(.22,.61,.36,1)}
.return-icons>img:nth-child(2){transform:translateY(-6px)}
.return-memory .return-icons>img{width:68px;height:68px}
.return-step h3{font-size:19px;line-height:1.3;font-weight:500;letter-spacing:-.4px;margin:25px 0 0}
.return-step:hover .return-icons>img{transform:translateY(-5px)}
.return-step:hover .return-icons>img:nth-child(2){transform:translateY(-10px)}
.return-memory:hover .return-icons>img{transform:translateY(-5px) scale(1.04)}
@media(max-width:1000px){.return-content{max-width:calc(100% - 60px)}.return-path{gap:20px}}
@media(max-width:760px){
 .product-showcase.recall-section{padding:65px 0 60px;background:linear-gradient(to bottom,var(--paper),#f4f4ed 75px,#f4f4ed calc(100% - 75px),var(--paper))}
 .product-showcase .section-heading{gap:19px;margin-bottom:30px}
 .product-showcase .section-heading h2{font-size:clamp(30px,7.8vw,38px)}
 .product-showcase .section-heading p{font-size:14px;line-height:1.65}
 .product-showcase .native-recall{border-radius:20px}
 .product-showcase .native-recall-results{border-right:0;border-bottom:.5px solid #eeeeef;padding:12px 7px}
 .product-showcase .native-recall-result{padding:11px 9px;min-height:64px;gap:9px}
 .product-showcase .native-result-text strong{font-size:12px;line-height:1.4}
 .product-showcase .native-result-text small{font-size:10.5px}
 .product-showcase .native-recall-result>time{font-size:10px}
 .product-showcase .native-recall-preview{padding:25px 20px 29px}
 .product-showcase .native-preview-title h3{font-size:17px;line-height:1.4}
 .product-showcase .native-preview-summary{margin-top:25px}
 .product-showcase .native-preview-summary li{font-size:13px;line-height:1.65}
 .product-showcase .native-recall-header{height:59px;padding:12px 16px}
 .product-showcase .native-recall-header input{font-size:21px}
 #demo-summary-text{min-height:160px}
 .return-workflow{padding:75px 0 135px;min-height:580px}
 .return-content{max-width:calc(100% - 36px)}
 .return-content>h2{max-width:340px;font-size:40px;line-height:1.08}
 .return-path{gap:3px;margin-top:50px}
 .return-path:before{top:35px}
 .return-step{padding:6px 0 10px}
 .return-icons{height:60px;gap:5px;flex-wrap:nowrap;width:88px}
 .return-icons>img{width:25px;height:25px}

 .return-memory .return-icons>img{width:56px;height:56px}
 .return-step h3{font-size:14px;line-height:1.45;letter-spacing:-.2px;max-width:103px;margin-top:18px}
 .return-landscape{background-position:center bottom;background-size:auto 100%}
}
@media(max-width:600px){
 #demo .product-toolbar,#demo-settings-panel{display:none}
 #demo.native-product{border-color:#36363117;border-radius:22px;box-shadow:0 15px 40px #5545311a}
 #demo .product-scroll{padding:24px 16px 26px;min-height:0}
 #demo .native-today{margin-bottom:20px}
 #demo .native-day-card{border-radius:17px}
 #demo .native-group-head{gap:10px;align-items:baseline}
 #demo .native-group-head h3{font-size:14px}
 #demo .native-group-head time{font-size:10px}
 #demo .native-row{padding:13px 11px;gap:10px}
 #demo .native-row-text strong{font-size:12px;line-height:1.45}
 #demo .native-row-text small{font-size:11px;line-height:1.5}
 #demo .native-row time{font-size:10px;min-width:44px}
 #demo .native-row .native-site{display:none}
}
@media(max-width:360px){
 .product-showcase .native-recall-result{flex-wrap:wrap}
 .product-showcase .native-recall-result>.native-result-text{flex-basis:calc(100% - 40px)}
 .product-showcase .native-recall-result>time{margin-left:34px}
 #demo .native-group-head{flex-wrap:wrap;row-gap:4px}
 .return-content>h2{font-size:35px}
 .return-step h3{font-size:13px}
}
@media(prefers-reduced-motion:reduce){.summary-line-arriving{animation:none}.return-icons>img{transition:none}}

/* The connection scene fades into the page instead of ending in a strip. */
.connection-landscape{mask-image:linear-gradient(transparent,#0009 45%,#0007 70%,transparent)}

#demo #demo-summary-text li{animation:none}
#demo #demo-summary-text li.summary-line-arriving{animation:summary-line-arrive .9s cubic-bezier(.22,.61,.36,1) both}
#demo .native-day-copy:has(#day-show-all[aria-expanded=true]) #demo-summary-text{min-height:154px}
@media(max-width:760px){#demo .native-day-copy:has(#day-show-all[aria-expanded=true]) #demo-summary-text{min-height:238px}}

/* Reserve wrapped final rows as well as the summary on small phones. */
@media(max-width:760px){#demo .product-scroll #demo-feed{min-height:224px}}
@media(max-width:360px){#demo .product-scroll #demo-feed{min-height:232px}#demo-summary-text{min-height:190px}#demo .native-day-copy:has(#day-show-all[aria-expanded=true]) #demo-summary-text{min-height:272px}}