:root{--paper:#f7f6f2;--white:#fff;--ink:#001f1f;--forest:#003d3d;--forest-2:#075757;--muted:#496565;--line:#dce4df;--mint:#d9f5df;--aqua:#d7eaf4;--peach:#f2d9d4;--sand:#eee9dc;--danger:#a53b35;--success:#1d6b4f;--shadow:0 24px 64px rgba(0,31,31,.1);--soft-shadow:0 12px 30px rgba(0,31,31,.08);--r-xl:34px;--r-lg:24px;--r-md:16px;--font-head:Manrope,"Avenir Next",Arial,sans-serif;--font-body:Inter,"Segoe UI",Arial,sans-serif;--font-mono:"IBM Plex Mono","SFMono-Regular",Consolas,monospace;--hero:clamp(40px,4.4vw,62px);--section:clamp(34px,4vw,54px);--article-h2:clamp(27px,3vw,34px);--card-title:20px;--body:16px;--small:13px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--paper);color:var(--ink);font:400 var(--body)/1.7 var(--font-body);overflow-x:hidden}body>main{flex:1 0 auto}body>footer{margin-top:auto}a{color:inherit;text-decoration:none}button,input{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.wrap{width:min(1240px,calc(100% - 48px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line)}.nav-shell{min-height:72px;display:flex;align-items:center;gap:18px}.brand-link{display:flex;align-items:center;flex:none}.brand-link img{display:block;width:auto;height:38px}.primary-nav{display:flex;align-items:center;gap:6px;margin-inline:auto}.primary-nav a,.header-actions a,.language-button{white-space:nowrap;font-size:14px;font-weight:650;line-height:1}.primary-nav a{padding:11px 12px;border-radius:999px;color:#315555}.primary-nav a:hover{background:#edf4ef;color:var(--ink)}.primary-nav a[aria-current=page]{background:var(--mint);color:var(--forest)}.header-actions{display:flex;align-items:center;gap:8px}.header-login{padding:11px 13px}.header-create{padding:12px 17px;border-radius:999px;background:var(--forest);color:#fff}.header-create:hover{background:var(--forest-2);color:#fff}.language-switch{position:relative}.language-button{display:flex;align-items:center;gap:8px;padding:11px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink)}.language-button:hover{background:#f0f5f2;color:var(--ink)}.chevron{width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px)}.language-menu{position:absolute;right:0;top:calc(100% + 10px);width:190px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--soft-shadow)}.language-menu a{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:10px;font-size:14px}.language-menu a:hover{background:#eef5f0}.language-menu a[aria-current=page]::after,.footer-languages a[aria-current=page]::after{content:"";width:8px;height:4px;border-left:2px solid var(--forest);border-bottom:2px solid var(--forest);transform:rotate(-45deg);margin-left:10px}[hidden]{display:none!important}.mobile-nav-button,.mobile-nav{display:none}.hero{padding:64px 0 72px}.hero-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:30px;align-items:start}.hero-copy{grid-column:span 4;padding:34px 8px 0 0;position:sticky;top:108px}.hero h1{font:500 var(--hero)/.98 var(--font-head);letter-spacing:-.055em;margin:0;text-wrap:balance}.hero h1 span{color:var(--forest)}.hero-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-top:42px}.mode-button{min-height:58px;padding:14px 18px;border-radius:18px;font-weight:750;text-align:center;border:1px solid var(--forest)}.mode-button.active{background:var(--forest);color:#fff}.mode-button.active:hover{background:var(--forest-2);color:#fff}.mode-button:not(.active){background:#fff;color:var(--forest)}.mode-button:not(.active):hover{background:var(--mint);color:var(--forest)}.hero-canvas{grid-column:span 8;position:relative;padding:22px;border-radius:42px;background:linear-gradient(135deg,var(--mint),var(--aqua) 53%,var(--peach));overflow:hidden;box-shadow:var(--shadow)}.hero-canvas:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-60px;top:-70px;background:rgba(255,255,255,.42)}.mailbox-top{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:6px 4px 18px}.address{min-width:0;align-self:center;font:600 clamp(16px,1.6vw,22px)/1.35 var(--font-mono);overflow-wrap:anywhere}.copy-button{align-self:start;min-height:46px;padding:11px 17px;border-radius:14px;background:var(--forest);color:#fff;font-weight:750}.copy-button:hover{background:var(--forest-2);color:#fff}.mailbox-meta{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:10px}.countdown{font:600 14px/1 var(--font-mono)}.tool-actions{display:flex;gap:7px;flex-wrap:wrap}.tool-button{padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.72);color:var(--ink);font-size:13px;font-weight:700}.tool-button:hover{background:#fff;color:var(--forest)}.inbox-panel{position:relative;background:#fff;border-radius:26px;overflow:hidden;min-height:628px;height:628px;display:flex;flex-direction:column}.inbox-heading{min-height:62px;padding:16px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.inbox-heading h2{font:650 var(--card-title)/1.25 var(--font-head);margin:0}.mail-count{font-size:13px;color:var(--muted)}.inbox-grid{min-height:0;flex:1;display:grid;grid-template-columns:minmax(195px,.78fr) minmax(0,1.22fr)}.mail-list{min-width:0;overflow-y:auto;border-right:1px solid var(--line)}.mail-row{width:100%;display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;padding:16px;text-align:left;background:#fff;color:var(--ink);border-bottom:1px solid #edf0ed}.mail-row:hover,.mail-row.selected{background:#f1f7f3;color:var(--ink)}.sender-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--mint);font-weight:800}.mail-row:nth-child(2) .sender-mark{background:var(--aqua)}.mail-line{min-width:0}.mail-from-line{display:flex;align-items:center;gap:7px}.mail-from{font-weight:750;font-size:14px}.mail-time{margin-left:auto;font:600 11px var(--font-mono);color:var(--muted)}.mail-subject{display:block;font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-preview{display:block;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-badge{display:inline-flex;width:max-content;padding:2px 6px;border-radius:999px;background:var(--sand);font-size:10px;font-weight:750}.reader{min-width:0;background:#fbfcfa;overflow:auto}.reader-inner{padding:26px}.reader-subject{font:600 23px/1.3 var(--font-head);margin:0 0 10px}.reader-meta{font-size:12px;color:var(--muted)}.demo-letter{margin-top:20px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px}.demo-brand{display:flex;align-items:center;gap:12px;margin-bottom:22px}.demo-brand-mark{width:42px;height:42px;border-radius:12px;background:#121212;color:#fff;display:grid;place-items:center;font-weight:800}.demo-letter h3{font:650 20px/1.35 var(--font-head);margin:0 0 10px}.demo-code{margin:22px 0;padding:17px;border-radius:14px;background:#f2f4f2;text-align:center;font:600 27px var(--font-mono);letter-spacing:.12em}.demo-note{margin-top:22px;padding:11px 13px;border-radius:10px;background:var(--sand);font-size:12px;color:#405353}.empty-state{padding:28px;color:var(--muted)}.section{padding:112px 0}.eyebrow{display:inline-flex;flex-wrap:wrap;width:max-content;min-width:0;max-width:min(100%,calc(100vw - 48px));margin:0 0 18px;padding:7px 11px;border-radius:999px;background:var(--mint);color:var(--forest);font-size:12px;font-weight:800;letter-spacing:.06em;overflow-wrap:anywhere;white-space:normal}.section h2{max-width:850px;font:500 var(--section)/1.06 var(--font-head);letter-spacing:-.045em;margin:0 0 22px;text-wrap:balance}.section-lead{max-width:760px;margin:0;color:var(--muted);font-size:18px}.mosaic{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;margin-top:50px}.mosaic-card{position:relative;min-width:0;padding:30px;border-radius:var(--r-lg);background:#fff;box-shadow:var(--soft-shadow);overflow:hidden;transition:transform .2s}.mosaic-card:hover{transform:translateY(-4px)}.mosaic-card:nth-child(1){grid-column:span 7;background:var(--mint)}.mosaic-card:nth-child(2){grid-column:span 5;background:var(--aqua)}.mosaic-card:nth-child(3){grid-column:span 4;background:var(--peach)}.mosaic-card:nth-child(4){grid-column:span 8}.mosaic-card h3,.step-card h3,.term-card h3,.scenario-card h3,.faq-item h3{font:650 var(--card-title)/1.35 var(--font-head);margin:0 0 10px}.mosaic-card p,.step-card p,.term-card p,.scenario-card p{margin:0;color:#315555}.card-number{font:600 13px var(--font-mono);margin-bottom:44px}.dark-band{background:var(--ink);color:#fff}.dark-band .eyebrow{background:#174747;color:#dff8e9}.dark-band .section-lead{color:#c4d5d1}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:48px}.step-card{min-width:0;padding:28px;border-radius:var(--r-lg);background:#f5f7f3;color:var(--ink)}.step-index{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--forest);color:#fff;font:600 14px var(--font-mono);margin-bottom:36px}.term-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:42px}.term-card{min-width:0;padding:28px;border-radius:var(--r-lg);background:#fff;border-top:5px solid var(--forest)}.term-card:nth-child(2){border-color:#75aebd}.term-card:nth-child(3){border-color:#d5998f}.term-card:nth-child(4){border-color:#92bd9d}.time-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:60px;align-items:start}.time-rail{display:grid;gap:16px}.time-item{display:grid;grid-template-columns:84px minmax(0,1fr);gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}.time-value{font:600 20px var(--font-mono);color:var(--forest)}.time-item h3{font:650 18px var(--font-head);margin:0 0 4px}.time-item p{margin:0;color:var(--muted)}.scenario-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:46px}.scenario-card{min-width:0;padding:26px;border-radius:var(--r-lg);background:#fff}.scenario-card svg,.feature-icon{width:42px;height:42px;display:block;margin-bottom:30px;color:var(--forest)}.diagnostic{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:center}.checklist{display:grid;gap:12px}.check-item{display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;padding:19px;border-radius:16px;background:#fff}.check-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--mint)}.check-icon:before{content:"";width:9px;height:5px;border-left:2px solid var(--forest);border-bottom:2px solid var(--forest);transform:rotate(-45deg)}.check-item h3{font:650 17px var(--font-head);margin:0 0 3px}.check-item p{margin:0;color:var(--muted);font-size:14px}.choice-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:44px}.choice-card{min-width:0;padding:32px;border-radius:var(--r-lg);background:#fff}.choice-card.featured{background:var(--forest);color:#fff}.choice-card p{color:var(--muted)}.choice-card.featured p{color:#d4e4df}.choice-card h3{font:650 26px var(--font-head);margin:0 0 12px}.text-link{display:inline-flex;align-items:center;gap:10px;margin-top:26px;font-weight:800}.round-arrow{width:34px;height:34px;border-radius:50%;border:1px solid currentColor;display:grid;place-items:center}.round-arrow:after{content:"";width:8px;height:8px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg)}.faq-list{margin-top:42px;display:grid;gap:10px}.faq-item{background:#fff;border-radius:18px;padding:0 22px}.faq-item summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;padding:21px 0;font-weight:750}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"";width:8px;height:8px;flex:none;border-right:2px solid var(--forest);border-bottom:2px solid var(--forest);transform:rotate(45deg);margin-top:5px}.faq-item[open] summary:after{transform:rotate(225deg);margin-top:10px}.faq-item p{margin:0;padding:0 0 22px;color:var(--muted)}.final-cta{padding:0 0 112px}.cta-panel{position:relative;padding:58px;border-radius:var(--r-xl);background:linear-gradient(120deg,var(--mint),var(--aqua),var(--peach));overflow:hidden}.cta-panel h2{font:500 var(--section)/1.06 var(--font-head);letter-spacing:-.045em;margin:0;max-width:700px}.cta-panel p{max-width:620px;margin:18px 0 30px;color:#315555;font-size:18px}.cta-buttons{display:flex;gap:12px;flex-wrap:wrap}.button-primary,.button-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 20px;border-radius:999px;font-weight:800}.button-primary{background:var(--forest);color:#fff}.button-primary:hover{background:var(--forest-2);color:#fff}.button-secondary{background:#fff;color:var(--forest)}.button-secondary:hover{background:#edf5ef;color:var(--forest)}.site-footer{background:var(--ink);color:#fff;padding:68px 0 24px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,minmax(0,1fr));gap:46px}.footer-brand img{width:auto;height:42px;filter:none}.footer-brand p{max-width:320px;color:#b9ceca}.footer-column h2{font:650 13px var(--font-head);letter-spacing:.08em;text-transform:uppercase;margin:0 0 16px;color:#d8e7e3}.footer-column a{display:block;width:max-content;max-width:100%;margin:9px 0;color:#b9ceca;font-size:14px}.footer-column a:hover,.footer-languages a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-top:54px;padding-top:22px;border-top:1px solid #244747;color:#9bb8b3;font-size:13px}.footer-languages{display:flex;gap:16px;flex-wrap:wrap}.footer-languages a{display:flex;align-items:center}.toast{position:fixed;z-index:80;left:50%;bottom:24px;transform:translate(-50%,20px);padding:12px 18px;border-radius:999px;background:var(--ink);color:#fff;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:.2s;max-width:min(430px,calc(100vw - 32px));width:max-content}.toast.show{opacity:1;transform:translate(-50%,0)}.toast[data-type="error"]{background:#8d2f2a}.toast.visible{opacity:1;transform:translate(-50%,0)}.dialog-backdrop{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:20px;background:rgba(0,31,31,.44)}.dialog-card{width:min(440px,100%);padding:28px;border-radius:24px;background:#fff;box-shadow:var(--shadow)}.dialog-card h2{font:650 23px/1.3 var(--font-head);margin:0 0 10px}.dialog-card p{margin:0;color:var(--muted)}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:26px}.dialog-actions button{padding:11px 16px;border-radius:999px;font-weight:750}.dialog-cancel{background:#edf2ee;color:var(--ink)}.dialog-confirm{background:var(--forest);color:#fff}.dialog-confirm:hover{background:var(--forest-2);color:#fff}.mobile-reader{position:fixed;inset:0;z-index:100;background:#fff;overflow:auto}.mobile-reader[hidden]{display:none!important}.mobile-reader-head{position:sticky;top:0;z-index:2;display:flex;justify-content:flex-end;padding:12px;background:#fff;border-bottom:1px solid var(--line)}.mobile-reader-close{width:42px;height:42px;border-radius:50%;background:#edf2ee;display:grid;place-items:center}.mobile-reader-close svg{width:18px;height:18px}.prose h2{font:650 var(--article-h2)/1.25 var(--font-head)}.prose h3{font:650 var(--card-title)/1.3 var(--font-head)}.dialog-card h2,.reader h2,.mosaic-card h2,.choice-card h2{font-size:23px}.reveal{opacity:0;transform:translateY(14px);transition:opacity .55s,transform .55s}.reveal.visible{opacity:1;transform:none}@media(max-width:1040px){.primary-nav{display:none}.mobile-nav-button{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#edf4ef}.mobile-nav-button svg{width:20px}.mobile-nav{position:absolute;left:24px;right:24px;top:64px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--soft-shadow)}.mobile-nav.open{display:grid}.mobile-nav a{padding:12px;border-radius:10px;font-size:14px;font-weight:700}.mobile-nav a[aria-current=page]{background:var(--mint)}.hero-grid{display:block}.hero-copy{position:static;padding:12px 0 36px}.hero-copy h1{max-width:760px}.hero-actions{max-width:520px;margin-top:28px}.hero-canvas{width:100%}.steps,.scenario-grid{grid-template-columns:minmax(0,1fr)}.footer-grid{grid-template-columns:1.3fr repeat(2,minmax(0,1fr))}.footer-brand{grid-column:1/-1}}@media(max-width:720px){.wrap{width:min(100% - 28px,1240px)}.nav-shell{gap:8px;min-height:64px}.brand-link img{height:32px;width:142px;object-fit:cover;object-position:left}.header-login{display:none}.language-button{padding:10px}.language-button span:first-child{display:none}.header-create{padding:11px 13px}.hero{padding:30px 0 54px}.hero h1{font-size:clamp(42px,13vw,58px)}.hero-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.mode-button{min-height:52px;padding:10px 8px;font-size:14px}.hero-canvas{padding:12px;border-radius:28px}.mailbox-top{grid-template-columns:minmax(0,1fr);padding:9px 5px 14px}.copy-button{width:100%}.mailbox-meta{display:grid}.tool-actions{gap:6px}.tool-button{flex:1}.inbox-panel{height:auto;min-height:0;border-radius:20px}.inbox-heading{min-height:58px}.inbox-grid{display:block;min-height:260px}.mail-list{border-right:0;max-height:330px}.inbox-grid>.reader{display:none}.section{padding:78px 0}.section h2{font-size:clamp(34px,10vw,46px)}.section-lead{font-size:16px}.mosaic{display:grid;grid-template-columns:minmax(0,1fr)}.mosaic-card:nth-child(n){grid-column:auto}.steps,.term-grid,.scenario-grid,.time-layout,.diagnostic,.choice-panel{grid-template-columns:minmax(0,1fr)}.time-layout,.diagnostic{gap:40px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.footer-brand{grid-column:1/-1}.footer-bottom{align-items:flex-start;flex-direction:column}.cta-panel{padding:36px 24px}.cta-panel h2{font-size:36px}.mobile-reader{display:block!important}.reader-inner{padding:20px}.demo-letter{padding:18px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.reveal{opacity:1;transform:none}}