@font-face{font-family:Mona;src:url(assets/MonaSansVF.woff2) format("woff2");font-weight:100 900;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#08090a;color:#f1f1f3;font-family:Mona,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:2px solid #8cdbad;outline-offset:5px}.wrap{width:calc(100% - 80px);max-width:1024px;margin-inline:auto}.nav{height:72px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0a;position:relative;z-index:10;background:#08090a}.brand{font-size:22px;font-weight:700;letter-spacing:-1px}.brand span{font-size:14px;letter-spacing:-.2px;color:#84868c;font-weight:450}.nav nav{display:flex;gap:28px;font-size:13px;color:#a0a1a6}.nav-cta{font-size:12px;background:#eeeeef;color:#161719;border-radius:6px;padding:9px 13px}.hero{position:relative;height:780px;overflow:hidden}.hero-visual{position:absolute;inset:0 0 180px;background:radial-gradient(ellipse at 59% 48%,#27282b 0,#111214 29%,#08090a 64%);perspective:1400px}.device{width:390px;height:844px;padding:9px;background:linear-gradient(115deg,#55565b,#202124 14%,#08090a 45%,#45464a 85%,#17181a);border-radius:55px;position:absolute;box-shadow:inset 0 0 0 1px #6b6c7160,inset 0 0 0 4px #1a1a1d,12px 18px 0 #111214,14px 19px 0 1px #303136,30px 40px 65px #000b;transform-style:preserve-3d}.screen{width:100%;height:100%;overflow:hidden;border-radius:47px;background:#101213;position:relative;border:3px solid #030404}.screen iframe{display:block;border:0;width:390px;height:876px;transform:scale(.9385);transform-origin:top left;background:#101213}.side-button{position:absolute;right:-5px;top:175px;height:80px;width:4px;border-radius:3px;background:linear-gradient(#3b3c40,#101113)}.hero-device{left:50%;top:25px;transform:translateX(-36%) rotateX(19deg) rotateY(-24deg) rotateZ(23deg) scale(1.12)}.fade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#08090a 0%,#08090a00 36%);z-index:3}.hero-visual>.fade{background:linear-gradient(0deg,#08090a 0%,#08090a 4%,#08090a00 62%)}.hero-copy{position:absolute;left:0;right:0;bottom:65px;display:flex;align-items:flex-end;justify-content:space-between;padding:0 24px;z-index:5}.eyebrow{font-size:14px;color:#c5c5c8;margin:0 0 19px}h1,h2,h3,p{margin-top:0}h1,h2{font-size:48px;line-height:1;letter-spacing:-1.06px;font-weight:550;margin-bottom:23px}h1{font-weight:590}.hero-description{font-size:17px;line-height:1.5;color:#9a9ba1;margin-bottom:0}.button{display:inline-flex;align-items:center;gap:35px;background:#ededee;color:#17181a;padding:14px 18px;border-radius:7px;font-size:13px;font-weight:550;transition:background .2s}.button:hover{background:#fff}.button span{font-size:17px}.intro{padding:32px 24px 0}.intro>p{max-width:650px;font-size:19px;line-height:1.55;color:#85868e;letter-spacing:-.3px}.intro strong{color:#e7e7eb;font-weight:500}.intro-details{display:flex;justify-content:space-between;font-size:11px;color:#65666d;border-bottom:1px solid #222327;padding:30px 0 52px}.chapter{padding-top:150px}.chapter-heading{text-align:center;max-width:650px;margin:0 auto 64px}.chapter-heading p{max-width:460px;margin:0 auto;color:#8d8e96;font-size:15px;line-height:1.6;letter-spacing:-.1px}.cinematic{position:relative;height:656px;overflow:hidden;perspective:1300px;background:radial-gradient(ellipse at 54% 47%,#222326,#101113 40%,#08090a 72%);margin-bottom:80px}.tilt-right{left:50%;top:45px;transform:translateX(-38%) rotateX(32deg) rotateY(-15deg) rotateZ(32deg) scale(1.30)}.tilt-left{left:50%;top:-145px;transform:translateX(-50%) rotateX(25deg) rotateY(15deg) rotateZ(-32deg) scale(1.24)}.composer-shot{background:radial-gradient(ellipse at 48% 40%,#252629,#101113 43%,#08090a 74%)}.callout{position:absolute;z-index:4;font:10px/1.5 ui-monospace,SFMono-Regular,monospace;color:#8c8d96;display:flex;gap:18px;align-items:center;letter-spacing:.3px}.callout span{height:1px;background:#75777e;display:block;width:170px}.callout.left{left:0;top:45%}.callout.right{right:0;top:76%}.composer-shot .callout.right{top:18%}.composer-shot .callout.left{top:57%}.features{display:grid;grid-template-columns:1fr 1fr;column-gap:48px;row-gap:72px}.feature{min-width:0;position:relative}.feature:nth-child(odd):after{content:"";position:absolute;right:-24px;top:0;bottom:0;width:1px;background:linear-gradient(#242529,#24252970,#24252900)}.feature-copy{max-width:310px;min-height:128px;padding-left:12px}h3{font-size:20px;line-height:1.33;letter-spacing:-.24px;font-weight:520;margin-bottom:10px}.feature p{font-size:14px;line-height:1.55;color:#83858d}.square{height:460px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 55%,#1b1c20,#101113 42%,#08090a 74%);perspective:1400px}.square .device{left:50%;top:22px;transform:translateX(-50%) scale(.87);transform-origin:top center;box-shadow:inset 0 0 0 1px #6b6c7160,inset 0 0 0 4px #1a1a1d,0 0 55px #0008}.square .fade{background:linear-gradient(0deg,#08090a,#08090a00 24%)}.closing{text-align:center;padding:175px 0 120px}.closing h2{font-size:40px;line-height:1.1;letter-spacing:-.8px}.closing .button{margin-top:12px}.credits{padding:60px 24px;border-top:1px solid #242529;display:grid;grid-template-columns:1fr 1fr;gap:40px}.mono{font:11px/1.7 ui-monospace,monospace;color:#85878f}dl{display:grid;grid-template-columns:1fr 1fr;gap:18px;font-size:12px;margin:0}dt{color:#777982}dd{margin:0;color:#bdbfc6}.scope{grid-column:2;font-size:11px;line-height:1.6;color:#62646d;max-width:420px}footer{display:flex;justify-content:space-between;align-items:center;padding:35px 24px 60px;border-top:1px solid #242529}footer>a:last-child{font-size:12px;color:#8f9199}@media(max-width:700px){.wrap{width:calc(100% - 40px)}.nav{padding:0 20px;height:64px}.nav nav{display:none}.brand{font-size:20px}.brand span{font-size:12px}.nav-cta{font-size:11px}.hero{height:800px}.hero-visual{bottom:225px}.hero-device{top:20px;left:50%;transform:translateX(-42%) rotateX(16deg) rotateY(-18deg) rotateZ(23deg) scale(.82)}.hero-copy{padding:0;bottom:35px;display:block}.hero-copy .button{margin-top:28px}h1,h2{font-size:36px;line-height:1.06;letter-spacing:-.85px}.hero-description{font-size:15px}.intro{padding:35px 0 0}.intro>p{font-size:17px}.intro-details{display:block;line-height:1.9;padding:15px 0 30px}.intro-details span{display:block}.chapter{padding-top:95px}.chapter-heading{margin-bottom:35px}.chapter-heading p{font-size:14px;max-width:320px}.cinematic{height:450px;margin-inline:-20px;margin-bottom:45px}.tilt-right{top:0;transform:translateX(-42%) rotateX(30deg) rotateY(-15deg) rotateZ(32deg) scale(.88)}.tilt-left{top:-170px;transform:translateX(-50%) rotateX(23deg) rotateY(15deg) rotateZ(-32deg) scale(.82)}.callout{font-size:8px;gap:8px}.callout span{width:45px}.callout.left{left:15px}.callout.right{right:12px;top:82%}.features{grid-template-columns:1fr;gap:48px}.feature:nth-child(odd):after{display:none}.feature-copy{min-height:0;max-width:330px;padding:0 12px 12px}h3{font-size:20px}.square{height:440px}.square .device{transform:translateX(-50%) scale(.84)}.closing{padding:110px 0 80px}.closing h2{font-size:32px}.credits{padding:35px 0;grid-template-columns:1fr;gap:25px}.scope{grid-column:1}footer{padding:30px 0 40px;gap:15px}footer>a:last-child{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
.hero-visual{overflow:hidden}.square{height:560px}.square .device{height:704px;transform:translateX(-50%) scale(.76)}.square iframe{height:728px}.square .fade{background:linear-gradient(0deg,#08090a,#08090a00 12%)}@media(max-width:700px){.square{height:550px}.square .device{transform:translateX(-50%) scale(.74)}}
.composer-shot .device{height:704px;top:-80px}.composer-shot iframe{height:728px}@media(max-width:700px){.composer-shot .device{top:-110px}}

/* Stable demonstration canvases; fading the visual itself avoids hard overlay edges. */
.hero-visual{bottom:150px;mask-image:linear-gradient(#000 0%,#000 48%,transparent 100%)}.hero-visual>.fade{display:none}.hero-copy{isolation:isolate}.hero-copy h1,.hero-description{max-width:470px}.hero-device{pointer-events:none}.cinematic{mask-image:none}.demo-controls{position:absolute;z-index:8;bottom:0;left:12px;right:12px;min-height:35px;display:flex;align-items:center;gap:10px;background:#08090a;font-size:10px;color:#92959f}.demo-caption{flex:1;line-height:1.4}.demo-controls button{font:inherit;background:#1b1d21;border:1px solid #33363d;border-radius:5px;color:#c7c9d0;padding:5px 9px;cursor:pointer}.square .device{top:12px;height:704px}.square{height:590px}.square .fade{background:linear-gradient(0deg,#08090a 0%,transparent 9%)}.cinematic .demo-controls{left:0;right:0}.composer-shot .demo-controls{bottom:0}.feature-copy{min-height:132px}@media(max-width:700px){.hero-visual{bottom:240px}.hero-copy{bottom:35px}.square{height:570px}.demo-controls{font-size:9px}}

.review-shot{height:720px}.review-shot .device{top:-15px;transform:translateX(-38%) rotateX(32deg) rotateY(-15deg) rotateZ(32deg) scale(1.18)}.review-shot .fade{background:linear-gradient(0deg,#08090a,transparent 22%)}@media(max-width:700px){.review-shot{height:500px}.review-shot .device{top:-35px;transform:translateX(-42%) rotateX(30deg) rotateY(-15deg) rotateZ(32deg) scale(.88)}}

/* Feature close-ups: retain the live interface, frame only the relevant action. */
.square{height:440px;background:none;isolation:isolate}
.square .device{top:24px;transform:translateX(-50%) scale(.86);box-shadow:inset 0 0 0 1px #6b6c7140,inset 0 0 0 4px #141517}
.square .fade{bottom:0;background:linear-gradient(0deg,#08090a 0%,#08090af0 12%,#08090a00 42%)}
.square .demo-controls{font-size:10px;background:#08090a;min-height:30px}
.square .demo-controls button{background:transparent;border-color:#ffffff18;color:#9699a1;padding:4px 7px}
.square .demo-caption{max-width:320px}
.square.crop-labels .device{top:-130px}
.square.crop-labels .fade{background:linear-gradient(0deg,#08090a 0%,transparent 26%,transparent 84%,#08090a 100%)}
.square.crop-chart .device,.square.crop-suggestions .device{top:-235px}
.square.crop-chart .fade,.square.crop-suggestions .fade{background:linear-gradient(0deg,#08090a 0%,transparent 13%,transparent 63%,#08090a 100%)}
.square.crop-day .device{top:-45px}
.square.crop-saved .device{top:-65px}
.square.crop-reward .device{top:-100px}
.square.crop-reward .fade{background:linear-gradient(0deg,#08090a 0%,transparent 30%,transparent 75%,#08090a 100%)}
@media(max-width:700px){.square{height:420px}.square .device{transform:translateX(-50%) scale(.82)}.square.crop-labels .device{top:-125px}.square.crop-chart .device,.square.crop-suggestions .device{top:-225px}.feature-copy{min-height:0}.square .demo-caption{font-size:9px}}

.crop-daylist .device{top:18px}.crop-daynote .device{top:-20px}.section-note{font-size:11px;color:#6d727b;margin:25px 12px}.comparison{height:540px;position:relative;overflow:hidden;background:#0b1013;border:1px solid #25282d;border-radius:12px}.compare-before,.compare-after{position:absolute;inset:0}.compare-before img{width:100%;height:100%;object-fit:contain}.compare-label{position:absolute;left:20px;top:20px;background:#101318dd;border:1px solid #ffffff20;padding:9px 12px;font:10px ui-monospace,monospace;border-radius:5px}.compare-after{background:#0b1013;clip-path:inset(0 0 0 var(--reveal));display:flex;align-items:center;justify-content:space-between;padding:35px 60px}.compare-copy{width:42%;}.compare-copy h3{font-size:32px;margin-top:24px}.compare-copy p{color:#9ba0a8;line-height:1.8;font-size:15px}.compare-copy small{color:#666e77;line-height:1.6}.compare-app{position:relative;width:335px;height:460px;overflow:hidden;flex-shrink:0;mask-image:linear-gradient(transparent,#000 9%,#000 88%,transparent)}.compare-app iframe{width:390px;height:650px;transform:scale(.86);transform-origin:top left;border:0}.compare-app .demo-controls{display:none}.compare-divider{position:absolute;left:var(--reveal);top:0;bottom:0;width:1px;background:#adb8b5;pointer-events:none}.compare-divider span{position:absolute;top:50%;left:-22px;width:44px;height:44px;border-radius:9px;background:#d6e8dd;color:#16231b;display:grid;place-items:center;font-size:25px;box-shadow:0 0 25px #0008}.comparison input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.comparison:focus-within{outline:2px solid #90c5a8;outline-offset:5px}.compare-footer{display:flex;justify-content:space-between;gap:20px;color:#828992;font-size:11px;margin:18px 0 60px}.compare-footer a,.source-note a{color:#c0c8c3;text-decoration:underline;text-underline-offset:3px}.rationale{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.rationale h3{margin-top:18px;font-size:19px}.rationale p{font-size:13px;line-height:1.7;color:#858b94}.source-note{font-size:11px;line-height:1.8;color:#686f77;border-top:1px solid #242529;padding-top:25px;margin-top:35px}.crop-reward .device{top:-25px}.crop-reward{height:470px}
@media(max-width:700px){.comparison{height:410px}.compare-after{padding:20px;justify-content:center}.compare-copy{display:none}.compare-app{width:285px;height:370px}.compare-app iframe{transform:scale(.73)}.compare-label{font-size:8px;left:10px;top:10px}.compare-footer{font-size:10px}.rationale{grid-template-columns:1fr;gap:25px}.crop-reward .device{top:-20px}.crop-reward{height:450px}}

.square.crop-daynote .device{top:-245px}.square.crop-daynote .fade{background:linear-gradient(0deg,#08090a,transparent 22%,transparent 72%,#08090a 100%)}@media(max-width:700px){.square.crop-daynote .device{top:-235px}}

.square.crop-saved .device{top:-5px}

/* Show the sentence Labels, not the unrelated native trade-tag controls. */
.compare-app iframe{height:728px;position:relative;top:-115px}.compare-app{mask-image:linear-gradient(transparent,#000 12%,#000 87%,transparent)}
.square.crop-suggestions .device{top:-20px}.square.crop-suggestions .fade{background:linear-gradient(0deg,#08090a,transparent 26%,transparent 92%,#08090a 100%)}
.label-principle{border-top:1px solid #242529;margin-top:32px;padding-top:28px;max-width:740px}.label-principle p{color:#858b94;font-size:14px;line-height:1.7}
@media(max-width:700px){.compare-app iframe{top:-98px}.square.crop-suggestions .device{top:-15px}}

/* English research table and compact real label taxonomy. */
.comparison,.compare-after{background:#0c0d0f}.comparison:focus-within{outline-color:#7c7e83}.compare-divider{background:#888a90}.compare-divider span{background:#dddfe3;color:#18191c}.journal-table{padding:38px 42px;color:#d9dade}.table-kicker{font:10px ui-monospace,monospace;letter-spacing:.08em;color:#797c84}.journal-table h3{font-size:26px;margin:18px 0 22px}.table-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:1px solid #34353a;background:#34353a;margin-bottom:16px}.table-meta span{padding:12px;background:#16171a;font-size:10px;color:#8d9098}.table-meta b{display:block;margin-top:7px;font-size:12px;color:#dbdce1;font-weight:400}.journal-table table{border-collapse:collapse;width:100%;font-size:12px;line-height:1.65;text-align:left}.journal-table th,.journal-table td{border:1px solid #34353a;padding:12px 15px}.journal-table thead th{background:#232428;color:#e4e5e8;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.journal-table tbody th{width:20%;font-weight:500;background:#18191c;color:#a6a9b1}.journal-table td:nth-child(2){color:#e1e2e5}.journal-table td{color:#9da0a8;background:#101114}.compare-after{padding:30px 45px}.taxonomy{width:45%;padding-right:22px}.taxonomy h3{font-size:23px;line-height:1.2;margin:14px 0 22px}.taxonomy .mono{font-size:10px}.taxonomy dl{margin:0 0 14px}.taxonomy dl>div{display:grid;grid-template-columns:44% 56%;gap:8px;align-items:center;border-bottom:1px solid #28292e;padding:10px 0}.taxonomy dt{font-size:12px;color:#b9bcc3}.taxonomy dd{margin:0;font-size:11px;color:#81858e}.taxonomy small{font-size:10px;line-height:1.5;display:block}.compare-footer{margin-bottom:0}.compare-footer a{color:#a7abb3}
@media(max-width:700px){.comparison{height:500px}.journal-table{padding:22px 15px}.journal-table h3{font-size:22px}.table-meta span{padding:8px 5px;font-size:9px}.table-meta b{font-size:10px}.journal-table th,.journal-table td{padding:10px 7px;font-size:10px}.journal-table thead th{font-size:9px}.compare-after{padding:20px 14px;gap:12px;justify-content:space-between}.taxonomy{display:block;width:44%;flex-shrink:0;padding:0}.taxonomy h3{font-size:18px;margin-bottom:14px}.taxonomy dl>div{display:block;padding:6px 0}.taxonomy dt{font-size:10px}.taxonomy dd{font-size:9px;margin-top:3px}.taxonomy small{font-size:8px}.taxonomy .mono{font-size:8px}.compare-app{width:50%;height:440px}.compare-app iframe{transform:scale(.46);top:-60px}.compare-footer{flex-direction:column;gap:10px}}
.comparison{height:585px}.taxonomy dl{display:block}.taxonomy dl>div{padding:8px 0}@media(max-width:700px){.comparison{height:540px}.taxonomy dl>div{padding:6px 0}}

/* Independently scrollable reference and original product label colors. */
.compare-before{padding-bottom:0}.journal-table{height:100%;overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box;scrollbar-color:#62646d #18191d;scrollbar-width:thin;padding-bottom:40px}.journal-table th{width:auto!important}.journal-table .template-section th{background:#24252a;color:#e1e2e7;padding:14px 15px;font-size:12px}.journal-table td{width:50%}.journal-table .blank-record{color:#686d78}.scroll-hint{font-size:11px;color:#828691;margin:-9px 0 24px}.journal-table:focus-visible,.label-groups:focus-visible{outline:1px solid #9296a0;outline-offset:-3px}.compare-after{pointer-events:none}.taxonomy,.compare-app{pointer-events:auto}.taxonomy{height:490px;display:flex;flex-direction:column;min-width:0}.taxonomy h3{margin:12px 0 20px}.label-groups{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#62646d #18191d;padding-right:12px;flex:1}.label-group{padding:0 0 18px!important;margin:0!important;border:0!important}.label-group h4{font-size:12px;color:var(--category);margin:0 0 9px;font-weight:500}.label-chips{display:flex;flex-wrap:wrap;gap:6px}.library-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid #3d3c4b;border-radius:6px;padding:5px 7px;background:#292832;color:#e3e1ee;font-size:10px;line-height:1.4}.library-chip i{width:6px;height:6px;border-radius:50%;background:var(--chip);flex:none}.taxonomy small{margin-top:13px}.comparison input{inset:auto;top:0;bottom:0;left:calc(var(--reveal) - 18px);width:36px;height:100%;opacity:0;z-index:4;touch-action:none}.compare-divider{z-index:3}.compare-app{pointer-events:none}@media(max-width:700px){.taxonomy{height:480px}.label-group h4{font-size:10px}.library-chip{font-size:9px;padding:4px 5px}.label-groups{padding-right:4px}.journal-table .template-section th{font-size:10px}}

.original-grid{padding:26px 22px 30px}.template-top{display:flex;justify-content:space-between;gap:20px;margin:0 0 18px;font-size:11px;color:#9ca0aa}.journal-table .source-grid{table-layout:fixed;min-width:880px;font-size:10px;line-height:1.45}.journal-table .source-grid td,.journal-table .source-grid th{width:auto;padding:10px 7px;text-align:center;border:1px solid #505159;word-wrap:break-word}.journal-table .source-grid th{font-size:10px;background:#34353b;color:#ededf0;font-weight:500}.journal-table .source-grid td{background:#18191d;color:#c5c7ce}.journal-table .source-grid .sheet-title{background:#55565d;color:#fff;font-size:22px;padding:16px;letter-spacing:.06em}.journal-table .source-grid .stage-cell{background:#44454d;font-size:12px}.source-grid .tall-entry td{height:130px}.source-grid .holding-row td{height:85px}.source-grid .reflection-row td{height:130px;text-align:left;padding:16px}.sheet-chip{display:inline-block;border-radius:5px;padding:3px 6px;background:#3b3c44;color:#eeeff2;margin:4px 0}.chart-cell svg{display:block;width:100%;height:auto;margin:10px 0}.chart-cell small{font-size:8px;color:#a7aab4}.source-grid .score-row{font-size:20px;text-align:left!important}.score-row small{font-size:10px;display:block;margin-top:8px;color:#9da1ab}.score-row b{color:#fff}.template-caption{font-size:10px;color:#858a95;margin:18px 0 0}.original-grid{overflow:auto}@media(max-width:700px){.original-grid{padding:18px 12px}.template-top{font-size:9px}.journal-table .source-grid{min-width:850px}}

.crop-daylist .device{top:0}.crop-daynote .device{top:0}.crop-daylist,.crop-daynote{height:510px}
.square.crop-daynote .device{top:-20px}.square.crop-daynote .fade{background:linear-gradient(0deg,#08090a,transparent 30%,transparent 95%,#08090a)}

/* Linear-inspired editorial rhythm; product frames keep their own palette. */
:root{--ink:#f7f8f8;--muted:#8a8f98;--hairline:#ffffff12}
body{color:var(--ink)}
.wrap{max-width:1024px}
h1,h2{font-size:48px;line-height:1;letter-spacing:-1.5px;font-weight:510}
h1{font-weight:590}.hero-description{font-size:20px;line-height:1.33;color:#ffffffb3}
.eyebrow{font-size:13px;line-height:1.5;color:#a7a3d9}
.hero .eyebrow{color:#00ff51}
.chapter-heading p{font-size:17px;line-height:1.6;color:var(--muted);max-width:472px}
.feature-copy{max-width:310px;padding:0 20px;min-height:138px}
h3{font-size:20px;line-height:1.33;font-weight:510;letter-spacing:-.4px}
.feature p{font-size:14px;line-height:1.5;color:var(--muted)}
.features{row-gap:56px;column-gap:48px;padding-bottom:48px;border-bottom:1px solid var(--hairline)}
.feature:nth-child(odd):after{background:var(--hairline)}
.chapter{padding-top:128px}.chapter-heading{margin-bottom:56px}
.intro>p{font-size:17px;line-height:1.6;color:var(--muted)}
.comparison{border-color:#ffffff1c;border-radius:12px}
.comparison:focus-within{outline:1px solid #ffffff50;outline-offset:3px}
.demo-controls{color:var(--muted)}
.demo-controls button{transition:color .18s,border-color .18s;background:transparent;border-color:#ffffff20}
.demo-controls button:hover{color:#fff;border-color:#ffffff60}
a:focus-visible,button:focus-visible{outline:2px solid #aaa7db;outline-offset:4px}
.nav a,.credits a,footer a{transition:color .18s}.nav nav a:hover,.credits a:hover,footer a:hover{color:#fff}
.hero-visual:after{content:'';position:absolute;inset:0;z-index:4;pointer-events:none;background-image:url('assets/film-grain.svg');opacity:.15;mix-blend-mode:screen;mask-image:linear-gradient(#000, #000 55%,transparent)}
.credits{padding:64px 24px 72px;gap:32px;border-color:var(--hairline)}
.credits dl{font-size:12px;line-height:1.65;grid-template-columns:1fr 1.2fr;gap:22px 28px}
.credits dt{color:var(--muted)}.credits dd{color:#d0d2d6}.credits a{text-decoration:underline;text-decoration-color:#ffffff30;text-underline-offset:4px}
.credits .scope{color:var(--muted);margin:0;font-size:11px}.credits .mono{letter-spacing:.06em}
footer{border-color:var(--hairline)}
@media(max-width:700px){h1,h2{font-size:36px;line-height:1.06;letter-spacing:-1px}.hero-description{font-size:17px}.chapter{padding-top:88px}.chapter-heading p{font-size:15px}.feature-copy{padding:0 12px 16px;min-height:0}.features{gap:40px;padding-bottom:32px}.credits{padding:40px 0;gap:28px}.credits dl{gap:18px;font-size:11px}.chapter-heading{margin-bottom:36px}}

/* Keep the chart inside the clear part of its close-up. */
.square.crop-day{height:535px}.square.crop-day .device{top:0}
.square.crop-day .fade{background:linear-gradient(0deg,#08090a 0%,transparent 8%,transparent 97%,#08090a 100%)}
.square.crop-daynote .fade{background:linear-gradient(0deg,#08090a 0%,transparent 7%,transparent 97%,#08090a 100%)}
.square.crop-calendar{height:510px}
@media(max-width:700px){.square.crop-day{height:510px}}

/* One shared inner-screen geometry for live App content and device bezel. */
.device .screen{isolation:isolate;clip-path:inset(0 round 44px);border-radius:44px;transform:translateZ(0)}
.device .screen iframe{max-width:none;transform-origin:0 0}
.composer-shot .device{top:-50px}
.square.crop-composer .device,.square.crop-suggestions .device{top:20px}
@media(max-width:700px){.composer-shot .device{top:-80px}.square.crop-composer .device,.square.crop-suggestions .device{top:16px}}

/* Mid-screen crops retain only the continuous side rails. */
.square.crop-saved .device{top:-70px}
.square.crop-reward .device{top:16px}
.square.crop-saved .fade{background:linear-gradient(0deg,#08090a 0%,transparent 15%,transparent 96%,#08090a 100%)}
.square.crop-reward{height:570px}
.square.crop-reward .fade{background:linear-gradient(0deg,#08090a 0%,transparent 8%)}
@media(max-width:700px){.square.crop-reward{height:550px}}

/* Case-study motion: real UI, with a lifted suggestion surface. */
.square.crop-composer,.square.crop-suggestions{height:510px}
.crop-suggestions .motion-menu,.crop-suggestions .motion-callout{position:absolute;z-index:8;left:50%;pointer-events:none}
.motion-callout{top:345px;display:flex;align-items:center;gap:13px;color:#efedf7;font-size:13px;white-space:nowrap}
.motion-callout kbd,.motion-menu kbd{display:grid;place-items:center;background:#35313f;border:1px solid #9386be;border-radius:10px;font:24px 'Mona Sans',sans-serif;width:44px;height:44px;box-shadow:0 0 0 6px #b5a3f414}
.motion-menu{top:130px;width:calc(100% - 20px);max-width:420px;background:#24252a;border:1px solid #5f5b70;border-radius:19px;padding:18px;box-shadow:0 24px 65px #000b,0 0 0 1px #ffffff09;box-sizing:border-box}
.motion-menu header{display:flex;gap:12px;align-items:center;font-size:17px;font-weight:600;color:#f0eef7;padding-bottom:16px}
.motion-menu header small{display:block;font-size:11px;font-weight:400;color:#aaa5b8;margin-top:5px}
.motion-menu-row{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid #ffffff0b;border-radius:9px;padding:14px 12px;margin-top:7px;color:#e8e6ee;font-size:13px;background:#ffffff03;transition:background .25s,border-color .25s}
.motion-menu-row.chosen{background:#8f7cc535;border-color:#9d8ad0;color:#fff}
.crop-suggestions.menu-expanded .device{filter:brightness(.55);transition:filter .35s}
.motion-swipe{position:absolute;z-index:7;left:50%;top:120px;width:90px;height:34px;pointer-events:none;border-radius:24px;background:linear-gradient(90deg,transparent,#bab0eb33)}
.motion-swipe span{position:absolute;left:0;width:26px;height:26px;border:2px solid #c4b8f1;border-radius:50%;background:#c4b8f130;box-shadow:0 0 20px #c4b8f133}
@media(max-width:700px){.motion-menu{max-width:350px;top:130px}.motion-menu-row{font-size:12px;padding:12px 10px}}
@media(prefers-reduced-motion:reduce){.motion-menu,.motion-callout,.motion-swipe{display:none!important}}
.square.crop-composer,.square.crop-suggestions{overflow:clip}

.focus-demo{height:440px;position:relative;background:#08090a;margin-top:18px;overflow:clip}
.focus-stage{padding:36px 18px 50px;position:relative;height:100%;box-sizing:border-box}
.focus-tabs{display:flex;gap:7px;align-items:center;justify-content:center;margin:30px 0 0}
.focus-tabs button{font:500 13px 'Mona Sans',sans-serif;display:flex;align-items:center;gap:7px;padding:13px 12px;border:1px solid transparent;background:#151619;color:#81828c;border-radius:12px;white-space:nowrap;transition:background .4s,color .4s,transform .4s,border-color .4s}
.focus-tabs button.active{background:#292a32;color:#eeedf3;border-color:#41404c;transform:translateY(-3px)}
.focus-tabs svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.focus-tabs button:nth-child(1) svg{color:#aba1dc}.focus-tabs button:nth-child(2) svg{color:#d5b967}.focus-tabs button:nth-child(3) svg{color:#8ac4ad}
.focus-stage-content{text-align:center;padding-top:65px}
.focus-emotion{display:inline-flex;align-items:center;gap:10px;border:1px solid #41424c;background:#23242c;border-radius:11px;padding:12px 17px;font-size:21px;color:#e4e2ed}.focus-emotion span{font-size:17px}
.focus-stage-content p{font-size:17px;color:#a9a9b3;margin:24px 0}.focus-dots{display:flex;justify-content:center;gap:6px;margin-top:35px}.focus-dots i{width:5px;height:5px;border-radius:9px;background:#42414c;transition:width .4s}.focus-dots i.active{width:19px;background:#aba1dc}
.focus-controls{position:absolute;bottom:0;left:12px;right:12px;display:flex;align-items:center;gap:10px;min-height:34px;color:#8a8f98;font-size:10px;background:#08090a}.focus-controls span{flex:1}.focus-controls button{font:inherit;border:1px solid #ffffff20;border-radius:5px;background:transparent;color:#9699a1;padding:5px 9px;cursor:pointer}
.focus-input{margin-top:27px;font-size:17px;color:#81828d;min-height:34px;display:flex;align-items:center;gap:8px}.focus-input kbd{font:inherit;color:#e1dcec}.focus-input.typed{color:#ece8f7;font-size:26px}.focus-caret{display:inline-block;width:2px;height:24px;background:#b9abd9;animation:focusBlink 1s steps(2) infinite}
.focus-suggestions{margin-top:18px;border:1px solid #494652;border-radius:14px;background:#24252b;padding:14px;box-shadow:0 16px 40px #0006}.focus-suggestions header{font-size:16px;font-weight:600;color:#eeecf4;padding:4px 8px 13px}.focus-option{display:flex;justify-content:space-between;align-items:center;color:#c6c3cf;font-size:13px;padding:12px 10px;border:1px solid transparent;border-radius:8px;transition:background .25s,border-color .25s}.focus-option.selected{background:#9d88ca26;border-color:#9d88ca80;color:white}.focus-option span:last-child{color:#a49bb7}
.focus-template{padding-top:35px;font-size:20px;line-height:2;color:#dedce6}.focus-token{display:inline-block;line-height:1.5;padding:2px 7px;background:#292833;border:1px dashed #696075;border-radius:6px;font-size:14px;white-space:nowrap}.focus-token:before{content:'●';margin-right:5px}.focus-token.purple:before{color:#8874ee}.focus-token.cyan:before{color:#49bfd0}.focus-token.lilac:before{color:#b5a8dd}.focus-template em{font-style:normal;color:#b0a5c8;border-bottom:1px dashed #746487}
@keyframes focusBlink{50%{opacity:0}}
@media(max-width:700px){.focus-stage{padding-left:8px;padding-right:8px}.focus-tabs{gap:4px}.focus-tabs button{font-size:11px;padding:11px 8px;gap:5px}.focus-tabs svg{width:19px}.focus-template{font-size:18px}}
@media(prefers-reduced-motion:reduce){.focus-caret{animation:none}.focus-tabs button,.focus-dots i{transition:none}}

.focus-tabs{transition:transform .65s cubic-bezier(.16,1,.3,1)}
@media(prefers-reduced-motion:reduce){.focus-tabs{transition:none}}
/* Compact editorial illustrations with breathing room. */
.focus-demo{height:355px}
.focus-stage{width:360px;max-width:100%;margin:0 auto;padding:20px 10px 40px;transform:scale(.9);transform-origin:50% 20%;height:350px}
.focus-tabs{gap:5px;margin-top:32px}
.focus-tabs button{font-size:11px;padding:10px 9px;gap:5px;border-radius:9px}
.focus-tabs svg{width:18px;height:18px}
.focus-stage-content{padding-top:40px}
.focus-emotion{font-size:17px;padding:9px 13px;border-radius:9px;gap:7px}.focus-emotion span{font-size:14px}
.focus-stage-content p{font-size:14px;margin:19px 0}.focus-dots{margin-top:24px}
.focus-input{font-size:14px;margin-top:32px}.focus-input.typed{font-size:23px}
.focus-suggestions{padding:11px;border-radius:12px;margin-top:12px;box-shadow:0 12px 30px #0004}
.focus-suggestions header{font-size:13px;padding:4px 8px 10px}.focus-option{font-size:11px;padding:10px 8px}
.focus-template{font-size:16px;line-height:1.95;padding:32px 5px 0}.focus-token{font-size:11px;padding:1px 5px}
@media(max-width:700px){.focus-stage{width:340px;transform:scale(.9)}.focus-tabs button{padding:9px 7px;font-size:10px}.focus-template{font-size:16px}}

/* The paragraph stays intact while inline suggestions are previewed and accepted. */
.focus-phrase{display:inline;background:none;border:0;border-bottom:1px dashed #746487;padding:0;color:#b0a5c8;font:inherit;line-height:inherit;text-align:left;cursor:pointer;transition:color .45s,border-color .45s}
.focus-phrase:focus-visible{outline:1px solid #b5a8dd;outline-offset:3px}
.focus-phrase.is-preview{color:#85818d;border-color:#54515c}
.focus-phrase.is-used{color:#dedce6;border-bottom-color:#59565f}
.focus-accept{display:inline-flex;align-items:center;vertical-align:baseline;white-space:nowrap;margin-left:5px}
.focus-accept[hidden]{display:none!important}
.focus-accept button{font:10px 'Mona Sans',sans-serif;border:1px solid #57515f;background:#292630;color:#cfc6df;border-radius:4px;padding:3px 5px;cursor:pointer;transition:background .25s,transform .25s}
.focus-accept button.is-pressed{background:#6b588a;transform:scale(.94);box-shadow:0 0 0 3px #b5a8dd12}
.focus-inline-hint{font-size:10px;color:#8a8594;line-height:1.6;margin:18px 5px 0}
.focus-stage-content{overflow:hidden;padding-top:40px;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.focus-track{display:flex;transition:transform .8s cubic-bezier(.22,.8,.25,1);will-change:transform}
.focus-slide{flex:0 0 100%;min-width:0;text-align:center}
.focus-tabs{transition:transform .8s cubic-bezier(.22,.8,.25,1)}
.focus-template{font-size:15px;line-height:1.95}
@media(prefers-reduced-motion:reduce){.focus-track,.focus-tabs,.focus-phrase,.focus-accept button{transition:none}}

/* Align the stage illustration with its copy rather than the full column. */
@media(min-width:701px){[data-focus-demo="stages"] .focus-stage{margin-left:-20px;margin-right:0}}

/* Atmospheric edges blend the cropped device into the page, above and below. */
.cinematic>.fade{background:linear-gradient(180deg,#08090a 0%,rgba(8,9,10,.94) 3%,rgba(8,9,10,.66) 9%,rgba(8,9,10,.24) 17%,transparent 29%,transparent 66%,rgba(8,9,10,.24) 77%,rgba(8,9,10,.72) 89%,#08090a 97%)}
.cinematic>.fade:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 48% 18%,#a1a5af0b,transparent 52%),url(assets/film-grain.svg);opacity:.16;mask-image:linear-gradient(#000,transparent 35%,transparent 70%,#000);pointer-events:none}
.square.crop-saved>.fade,.square.crop-reward>.fade{background:linear-gradient(180deg,#08090a,rgba(8,9,10,.65) 3%,transparent 11%,transparent 78%,rgba(8,9,10,.7) 93%,#08090a)}
.cinematic{background:none}.cinematic-art{position:absolute;inset:0;perspective:1300px;background:radial-gradient(ellipse at 48% 40%,#252629,#101113 43%,#08090a 74%);mask-image:linear-gradient(180deg,transparent,#000 23%,#000 76%,transparent 100%)}
.cinematic>.fade{display:none}.cinematic-art>.fade{background:linear-gradient(180deg,#08090a88,transparent 34%,transparent 70%,#08090a);pointer-events:none}.cinematic-art .device{pointer-events:none}

/* Closing composition: a quiet title and a compact three-card action group. */
.closing{position:relative;width:100%;max-width:none;margin:0;padding:95px 0;background:linear-gradient(180deg,#08090a,#0d0e10 25%,#0d0e10 75%,#08090a);border-bottom:1px solid #ffffff12;text-align:left}.closing:before{content:"";position:absolute;inset:0;background:url(assets/film-grain.svg);opacity:.07;pointer-events:none;mask-image:linear-gradient(transparent,#000,transparent)}.ending-layout{display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:60px;position:relative}.closing h2{font-size:40px;line-height:1.1;letter-spacing:-1.2px;font-weight:510;margin:0}.ending-actions{width:240px;flex-shrink:0}.scan-card{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #ffffff0d;background:#17181a;border-radius:14px;padding:12px;font-size:14px;line-height:1.5;box-shadow:inset 0 1px #ffffff03}.scan-card img{display:block;background:#08090a;border-radius:5px}.experience-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.experience-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:16px;min-height:100px;padding:13px;border:1px solid #ffffff0d;background:#17181a;border-radius:13px;font-size:14px;line-height:1.5;transition:background .2s,border-color .2s}.experience-card:hover,.scan-card:hover{background:#1f2023;border-color:#ffffff24}.card-icon{width:17px;height:17px;color:#d8dbe1}.card-arrow{position:absolute;right:13px;top:10px;font-size:14px;color:#6c717a}
/* The mark holds at the midpoint; the document itself carries the end titles. */
.film-credits{position:relative;padding:120px 24px 100px;text-align:center;overflow:visible}.credit-intro{height:60vh;margin-top:30vh}.credit-lockup{display:flex;justify-content:center;align-items:center;gap:15px;position:sticky;top:50vh;height:48px}.pear-mark{width:28px;height:37px;color:#d4d7dd}.signature-name{font:italic 27px Georgia,serif;color:#dedfe4;letter-spacing:-1.6px;transform:rotate(-6deg);padding-right:4px}.credit-title{text-align:left;font:9px/1.35 ui-monospace,SFMono-Regular,monospace;letter-spacing:.03em;color:#c8cad0}.credit-content{max-width:460px;margin:clamp(100px,18vh,180px) auto 0}.credit-roll{display:block;margin:0 auto}.credit-roll>div{display:grid;grid-template-columns:1fr 1fr;column-gap:30px;margin-bottom:42px;font-size:13px;line-height:1.6}.credit-roll dt{text-align:right;color:#727780}.credit-roll dd{text-align:left;color:#c8cbd2}.credit-roll a:hover{color:white}.credit-end{font-size:12px;color:#8a8f98;margin:70px 0 25px}.back-to-top{display:inline-block;font-size:11px;color:#717780;padding:12px}.credit-screen-fade{position:fixed;z-index:9;bottom:0;left:0;right:0;height:120px;background:linear-gradient(to top,#08090a,transparent);pointer-events:none;opacity:0;transition:opacity .2s}.film-credits.is-active .credit-screen-fade{opacity:1}
@media(max-width:700px){.closing{padding:65px 0}.ending-layout{padding:0 12px;gap:40px;flex-direction:column;align-items:flex-start}.closing h2{font-size:32px}.ending-actions{width:240px;align-self:flex-end}.film-credits{padding:80px 20px}.credit-intro{height:60vh;margin-top:25vh}.credit-lockup{gap:11px}.credit-title{font-size:8px}.signature-name{font-size:25px}.credit-roll>div{font-size:11px;gap:18px;margin-bottom:28px}}

.square.crop-overview .device{top:16px}.square.crop-overview>.fade{background:linear-gradient(0deg,#08090a 0%,transparent 11%)}
.square.crop-overview{height:650px;overflow:clip}.square.crop-overview .device{height:704px;top:16px;transform:translateX(-50%) scale(.86)}
@media(max-width:700px){.square.crop-overview{height:590px}.square.crop-overview .device{transform:translateX(-50%) scale(.77)}}
/* Fade the entire device into the page, including its rim. Keep captions outside it. */
.square.crop-overview,.square.crop-daynote{height:620px;overflow:clip}
.square.crop-overview .device,.square.crop-daynote .device{top:16px;height:704px;transform:translateX(-50%) scale(.86)}
.square.crop-overview>.fade,.square.crop-daynote>.fade{z-index:5;background:linear-gradient(180deg,transparent 0%,transparent 64%,rgba(8,9,10,.08) 71%,rgba(8,9,10,.4) 81%,rgba(8,9,10,.85) 91%,#08090a 97%,#08090a 100%)}
@media(max-width:700px){.square.crop-overview,.square.crop-daynote{height:590px}.square.crop-overview .device,.square.crop-daynote .device{transform:translateX(-50%) scale(.77)}}

/* Saved reflection and the next planning day share one uninterrupted presentation. */
.square.crop-return{height:620px;overflow:clip}
.square.crop-return .device{top:16px;height:704px;transform:translateX(-50%) scale(.86)}
.square.crop-return>.fade{z-index:5;background:linear-gradient(180deg,transparent 0%,transparent 67%,rgba(8,9,10,.12) 76%,rgba(8,9,10,.65) 88%,#08090a 98%)}
@media(max-width:700px){.square.crop-return{height:590px}.square.crop-return .device{transform:translateX(-50%) scale(.77)}}




.story-label{font:inherit;font-weight:400}.story-cut{position:absolute;inset:0 0 38px;background:#08090a;z-index:6;display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .4s ease}
.story-cut.is-visible{opacity:1}.story-cut.is-intro{transition:opacity .18s ease-out}.story-cut.is-intro.is-visible{transition:none}.story-cut.is-intro.is-visible span{animation:quick-title-in .12s ease-out both}@keyframes quick-title-in{from{opacity:0}to{opacity:1}}.story-cut span{font-size:clamp(21px,2.3vw,30px);letter-spacing:-.03em;color:#d1d1d7;font-weight:400}
@media(prefers-reduced-motion:reduce){.story-cut{transition:none}}

@media(prefers-reduced-motion:no-preference){.focus-input{transition:font-size .3s ease,color .3s ease}}

.experience-cards.experience-single{grid-template-columns:1fr;margin-top:0}

/* A floating, frosted navigation that contracts as the story scrolls. */
body{padding-top:80px}
.nav{--nav-glass:.05;--nav-line:.02;--nav-shadow:.02;position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:100;isolation:isolate;width:calc(100% - 48px);height:60px;padding:0 24px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:16px;border:1px solid rgba(255,255,255,var(--nav-line));border-radius:999px;background:rgba(108,110,114,var(--nav-glass));box-shadow:0 8px 32px rgba(0,0,0,var(--nav-shadow)),inset 0 1px 0 #ffffff0a;-webkit-backdrop-filter:blur(24px) saturate(135%);backdrop-filter:blur(24px) saturate(135%)}
.nav .brand{display:flex;align-items:center;justify-content:center;padding:5px 0;line-height:1;letter-spacing:0}
.nav .brand img{display:block;width:164px;height:auto}
.nav .nav-cta{justify-self:end;display:flex;align-items:center;gap:12px;padding:10px 0;white-space:nowrap;background:none;color:#f5f5f6;font-size:12px;font-weight:450;line-height:1.2;border-radius:4px}
.nav .nav-cta span{font-size:17px;color:#e4e5e8;transition:transform .2s ease}
.nav .nav-cta:hover span{transform:translate(2px,-2px)}
.nav-menu{position:relative;justify-self:start}
.nav-menu summary{display:flex;align-items:center;gap:10px;min-height:36px;list-style:none;cursor:pointer;font-size:12px;font-weight:450;color:#f0f0f2;user-select:none}
.nav-menu summary::-webkit-details-marker{display:none}
.menu-plus{font-size:17px;color:#b5b6bb;transition:transform .22s ease}
.nav-menu[open] .menu-plus{transform:rotate(45deg)}
.nav .nav-menu nav{position:absolute;display:flex;flex-direction:column;gap:0;top:calc(100% + 17px);left:-20px;width:256px;padding:9px;border:1px solid #ffffff1c;border-radius:20px;background:#28292ded;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 14px 45px #0005}
.nav-menu:not([open]) nav{display:none}
.nav .nav-menu nav a{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:13px 14px;border-radius:12px;font-size:13px;color:#e2e3e6;transition:background .18s,color .18s}
.nav .nav-menu nav a span{font:10px ui-monospace,monospace;color:#8b8d94}
.nav .nav-menu nav a:hover{background:#ffffff0b;color:#fff}
.nav a:focus-visible,.nav summary:focus-visible{outline:2px solid #c5c8d5;outline-offset:4px}
@supports not (backdrop-filter:blur(1px)){.nav.is-floating{background:#5b5d62f2}}
@media(max-width:600px){body{padding-top:72px}.nav{width:calc(100% - 24px);height:54px;padding:0 16px;gap:10px}.nav{grid-template-columns:auto minmax(0,1fr) auto}.nav .brand img{width:128px;max-width:100%}.nav .nav-cta{font-size:10px;gap:5px}.nav .nav-cta span{font-size:14px}.nav-menu summary{font-size:11px;gap:6px}.nav .nav-menu nav{left:-12px;top:calc(100% + 14px);width:242px}}
@media(prefers-reduced-motion:reduce){.nav-cta span,.menu-plus{transition:none!important}}