:root{--ink:#0d151d;--ink2:#16232e;--paper:#f5f3ed;--cream:#ebe7dc;--mint:#74d8c4;--mint2:#2db89d;--teal:#116a68;--blue:#5f7de8;--line:rgba(12,25,32,.13);--muted:#66727a;--radius:28px;--shell:min(1240px,calc(100vw - 48px));--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.4;overflow-x:hidden}body.demo-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.shell{width:var(--shell);margin-inline:auto}.section{padding:120px 0}.noise{position:fixed;inset:0;pointer-events:none;opacity:.12;z-index:100;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitchTiles'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E")}.site-header{position:fixed;top:18px;left:0;right:0;z-index:50}.nav{height:62px;border:1px solid rgba(255,255,255,.12);background:rgba(11,20,28,.9);backdrop-filter:blur(18px);color:#fff;border-radius:999px;display:flex;align-items:center;padding:0 10px 0 18px;box-shadow:0 14px 40px rgba(2,13,19,.15)}.brand{display:flex;align-items:center;gap:8px;font-weight:800;letter-spacing:.04em}.brand small{font-size:9px;color:#98a5ad;font-weight:600}.brand-dot{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,var(--mint),var(--blue));display:inline-block;box-shadow:0 0 0 4px rgba(116,216,196,.12)}.nav-links{display:flex;gap:28px;margin:auto;font-size:12px;color:#b9c2c8}.nav-links a:hover{color:#fff}.nav-right{display:flex;align-items:center;gap:10px}.lang-switch{display:flex;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:3px}.lang-switch button{border:0;background:transparent;color:#8d9aa2;border-radius:999px;padding:7px 9px;font-size:9px;font-weight:800;cursor:pointer}.lang-switch button.active{background:#fff;color:#111}.btn{border:0;border-radius:999px;padding:14px 20px;font-size:12px;font-weight:800;cursor:pointer;transition:.25s var(--ease);display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{transform:translateY(-2px)}.btn-light{background:#fff;color:#111}.btn-accent{background:linear-gradient(135deg,var(--mint2),var(--teal));color:#fff;box-shadow:0 12px 30px rgba(45,184,157,.25)}.text-link{font-size:13px;font-weight:700;display:inline-flex;align-items:center}.hero{min-height:100vh;padding:150px 0 80px;display:grid;grid-template-columns:1.02fr .98fr;gap:70px;align-items:center}.eyebrow,.section-label{font-size:10px;letter-spacing:.14em;font-weight:800;color:#5d6a73}.hero h1{font-size:clamp(44px,5vw,76px);line-height:.96;letter-spacing:-.06em;margin:18px 0 28px;max-width:760px;font-weight:700;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}.hero-copy>p{max-width:650px;color:#53616a;font-size:17px}.hero-actions{display:flex;gap:20px;align-items:center;margin-top:34px}.hero-meta{display:flex;gap:28px;border-top:1px solid var(--line);margin-top:52px;padding-top:20px;font-size:10px;color:#738089}.hero-meta span{display:flex;flex-direction:column;gap:4px}.hero-meta b{color:var(--ink);font-size:9px;text-transform:uppercase;letter-spacing:.1em}.hero-visual{height:700px;position:relative;display:grid;place-items:center}.glow{position:absolute;border-radius:50%;filter:blur(10px)}.g1{width:460px;height:460px;background:radial-gradient(circle,var(--mint) 0%,rgba(116,216,196,.2) 45%,transparent 70%);right:0;top:20px}.g2{width:380px;height:380px;background:radial-gradient(circle,#8ba5ff 0%,rgba(95,125,232,.12) 45%,transparent 70%);left:0;bottom:0}.phone{width:326px;height:650px;border:10px solid #0b1116;border-radius:48px;background:#0b1116;box-shadow:0 50px 80px rgba(17,31,40,.3);position:relative;overflow:hidden}.phone-notch,.app-notch{position:absolute;top:9px;left:50%;transform:translateX(-50%);width:94px;height:26px;border-radius:20px;background:#05090c;z-index:5}.phone-screen{height:100%;background:linear-gradient(180deg,#f9fbf8,#edf3ef);padding:30px 18px 18px;overflow:hidden}.mini-top{display:flex;justify-content:space-between;font-size:9px}.mini-greet{margin-top:28px}.mini-greet small{color:#718078}.mini-greet h3{margin:4px 0 16px;font-size:24px}.score-ring{width:150px;height:150px;border-radius:50%;margin:10px auto 20px;display:grid;place-items:center;background:conic-gradient(var(--mint2) 0 82%,#d8e4df 82% 100%);position:relative}.score-ring:after{content:"";position:absolute;inset:12px;border-radius:50%;background:#f7faf7}.score-ring div{z-index:2}.score-ring strong{font-size:42px;letter-spacing:-.05em}.score-ring span{font-size:12px;color:#76827c}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mini-grid div,.mini-habits div{background:#fff;border:1px solid #e0e7e2;border-radius:15px;padding:12px}.mini-grid b,.mini-grid span{display:block}.mini-grid b{font-size:15px}.mini-grid span{font-size:9px;color:#7a8780}.mini-habits{display:grid;gap:7px;margin-top:9px}.mini-habits div{font-size:10px}.mini-habits span{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#dff6ef;color:#178f76;margin-right:7px}.floating-card{position:absolute;background:rgba(255,255,255,.82);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.8);box-shadow:0 18px 50px rgba(16,35,44,.12);border-radius:18px;padding:15px 18px}.fc-a{left:10px;top:160px}.fc-a b,.fc-a small{display:block}.fc-a small{font-size:9px;color:#72808a}.pulse{display:inline-block;width:9px;height:9px;background:var(--mint2);border-radius:50%;margin-right:8px}.fc-b{right:-10px;bottom:120px;width:180px}.fc-b small{font-size:10px;color:#6f7d85}.spark{height:54px;display:flex;align-items:end;gap:5px;margin-top:12px}.spark i{width:12px;background:linear-gradient(var(--mint),var(--teal));border-radius:8px}.section-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:start;margin:24px 0 60px}.section-title h2{font-size:clamp(38px,4.2vw,60px);line-height:1;letter-spacing:-.05em;margin:0;font-weight:700;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}.section-copy p{font-size:17px;color:#5d6971;max-width:620px;margin:10px 0 0}.overview-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.overview-card{min-height:270px;border:1px solid var(--line);border-radius:22px;padding:22px;display:flex;flex-direction:column}.overview-card>span{font-size:10px;color:#7b878e}.overview-card h3{margin:auto 0 8px;font-size:22px}.overview-card p{margin:0;color:#6a757c;font-size:12px}.journey,.production{background:var(--ink);color:#fff}.journey .section-label,.production .section-label{color:#8ca0ad}.light-head .section-copy p{color:#9eabb3}.journey-track{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.journey-step{border:1px solid rgba(255,255,255,.14);border-radius:22px;padding:22px;min-height:360px;display:flex;flex-direction:column}.journey-step>span{font-size:9px;color:#7f929e}.journey-step h3{font-size:24px;margin:auto 0 8px}.journey-step p{font-size:12px;color:#9cacb4}.step-ui{height:105px;background:#f7f8f4;color:#111;border-radius:16px;margin-top:18px;padding:14px}.emoji-row{height:100%;display:flex;align-items:center;justify-content:space-between}.emoji-row b{font-size:24px;filter:grayscale(.8);opacity:.5}.emoji-row b.active{filter:none;opacity:1;transform:scale(1.25)}.water{display:flex;align-items:end;gap:5px}.water i{flex:1;height:70%;border-radius:7px;background:var(--mint2)}.water i.empty{background:#dce3df}.reflection{display:flex;flex-direction:column;justify-content:center}.reflection span{font-size:9px;color:#7b8780}.reflection b{font-size:13px;margin-top:8px}.weekbars{display:flex;align-items:end;gap:7px}.weekbars i{flex:1;background:linear-gradient(#89e5d3,#238e7b);border-radius:6px}.demo-card{min-height:640px;border-radius:32px;background:linear-gradient(135deg,#d9f5ed,#e8ecff 58%,#f4f0e8);display:grid;grid-template-columns:.9fr 1.1fr;overflow:hidden;position:relative}.demo-copy{padding:70px;align-self:center}.demo-copy h2{font-size:clamp(38px,4.2vw,60px);line-height:1;letter-spacing:-.05em;margin:16px 0 22px}.demo-copy p{color:#56666d;max-width:520px}.demo-preview{display:grid;place-items:center;position:relative}.preview-phone{width:300px;height:540px;background:#0f1820;border:9px solid #0f1820;border-radius:44px;box-shadow:0 40px 60px rgba(15,24,32,.25);position:relative;overflow:hidden}.preview-phone:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#f9fbf8,#eaf3ee)}.preview-score{position:absolute;z-index:2;left:50%;top:28%;transform:translate(-50%,-50%);width:150px;height:150px;border-radius:50%;background:conic-gradient(var(--mint2) 0 82%,#d7e2dd 82%);display:grid;place-items:center;font-size:52px;font-weight:700}.preview-score:after{content:"";position:absolute;inset:12px;background:#f8faf8;border-radius:50%;z-index:-1}.preview-lines{position:absolute;z-index:2;left:24px;right:24px;bottom:52px;display:grid;gap:10px}.preview-lines i{height:55px;background:white;border-radius:15px;border:1px solid #dbe5df}.feature-list{border-top:1px solid var(--line)}.feature-row{display:grid;grid-template-columns:60px 1fr 1fr;gap:28px;padding:28px 0;border-bottom:1px solid var(--line);align-items:center}.feature-row b{font-size:10px;color:#7b878e}.feature-row h3{font-size:26px;margin:0}.feature-row p{margin:0;color:#66737a}.product-showcase{background:#e9eee9}.split-showcase{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.showcase-copy{position:sticky;top:130px}.showcase-copy h2{font-size:clamp(40px,4.4vw,64px);line-height:1;letter-spacing:-.052em;margin:18px 0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}.showcase-copy p{color:#5e6d72;max-width:520px}.phone-wall{display:flex;gap:22px;align-items:center;justify-content:center;min-height:760px}.phone-small{width:290px;height:590px}.lifted{transform:translateY(-70px)}.screen-habits,.screen-insights{padding-top:55px}.screen-habits h4,.screen-insights h4{font-size:26px;margin:0 0 20px}.screen-habits>div{display:grid;grid-template-columns:34px 1fr auto;align-items:center;background:#fff;border:1px solid #dfe8e3;padding:12px;border-radius:15px;margin-bottom:9px}.screen-habits>div span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#e2f6ef;color:#218f79}.screen-habits small{font-size:9px;color:#809088}.big-chart{height:210px;display:flex;align-items:end;gap:7px;background:#fff;border:1px solid #dde8e2;border-radius:18px;padding:15px}.big-chart i{flex:1;border-radius:7px;background:linear-gradient(var(--mint),var(--teal))}.insight-card{background:#fff;border:1px solid #dde8e2;border-radius:15px;padding:14px;margin-top:10px}.insight-card small,.insight-card b{display:block}.insight-card small{color:#829087;font-size:9px}.compare-grid{display:grid;grid-template-columns:1fr 80px 1fr;gap:18px;align-items:stretch}.compare-card{border-radius:25px;padding:30px;min-height:430px}.compare-card>span{font-size:9px;letter-spacing:.12em}.compare-card h3{font-size:34px;margin:20px 0}.compare-card ul{list-style:none;padding:0;margin:35px 0 0}.compare-card li{padding:14px 0;border-top:1px solid rgba(255,255,255,.13);font-size:13px}.demo-now{background:#17242d}.prod-later{background:linear-gradient(145deg,#247d72,#335b7d)}.compare-arrow{display:grid;place-items:center;font-size:40px;color:#7e929d}.process-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.process-card{min-height:240px;border:1px solid var(--line);border-radius:20px;padding:20px;display:flex;flex-direction:column}.process-card span{font-size:10px;color:#7b878e}.process-card h3{font-size:21px;margin:auto 0 8px}.process-card p{margin:0;font-size:11px;color:#69757c}.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:90px}.accordion{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-item button{width:100%;border:0;background:none;padding:24px 0;display:flex;justify-content:space-between;text-align:left;font-size:18px;font-weight:700;cursor:pointer}.faq-item button b{font-size:24px;font-weight:400;transition:.25s}.faq-item>div{display:grid;grid-template-rows:0fr;transition:.35s var(--ease)}.faq-item>div p{overflow:hidden;margin:0;color:#657178}.faq-item.open>div{grid-template-rows:1fr}.faq-item.open>div p{padding-bottom:24px}.faq-item.open button b{transform:rotate(45deg)}.final-cta{background:linear-gradient(135deg,#0c171f,#133e42 60%,#345f67);color:#fff;padding:130px 0}.final-inner h2{font-size:clamp(44px,5vw,72px);line-height:.96;letter-spacing:-.065em;max-width:1100px;margin:20px 0 42px}.final-inner .eyebrow{color:#9ec0bd}.footer{padding:28px 0;display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:10px;color:#718087}.footer div{display:flex;gap:12px}.footer b{color:var(--ink)}.reveal{opacity:0;transform:translateY(24px);transition:.8s var(--ease)}.reveal.visible{opacity:1;transform:none}
.demo-overlay{position:fixed;inset:0;background:rgba(5,10,14,.88);backdrop-filter:blur(16px);z-index:200;display:grid;place-items:center;padding:28px;opacity:0;pointer-events:none;transition:.35s var(--ease)}.demo-overlay.open{opacity:1;pointer-events:auto}.demo-shell{width:min(1280px,94vw);height:min(860px,92vh);background:#0c151c;border-radius:28px;overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,.45);transform:scale(.97) translateY(18px);transition:.4s var(--ease)}.demo-overlay.open .demo-shell{transform:none}.demo-bar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 16px 0 22px;color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}.demo-bar>div:first-child{display:flex;align-items:center;gap:10px}.demo-bar b{font-size:11px;letter-spacing:.07em}.demo-bar small{color:#82949f;font-size:9px;margin-left:12px}.demo-bar-actions{display:flex;gap:8px}.demo-bar-actions button{border:1px solid rgba(255,255,255,.14);background:#15232d;color:#c7d2d8;border-radius:999px;padding:10px 14px;font-size:10px;cursor:pointer}.demo-close{width:42px;height:42px;padding:0!important;font-size:24px!important}.app-stage{height:calc(100% - 64px);display:grid;grid-template-columns:minmax(520px,1fr) 360px;gap:0;background:radial-gradient(circle at 40% 24%,rgba(44,184,157,.25),transparent 34%),linear-gradient(150deg,#0b151c,#0e2029)}.app-phone{width:390px;height:760px;max-height:calc(92vh - 104px);border:11px solid #05090c;border-radius:56px;background:#05090c;overflow:hidden;position:relative;box-shadow:0 40px 80px rgba(0,0,0,.38);justify-self:center;align-self:center}.app-screen{height:100%;background:#f5f8f4;color:#122028;padding:34px 18px 72px;overflow-y:auto;scrollbar-width:none}.app-screen::-webkit-scrollbar{display:none}.app-status{display:flex;justify-content:space-between;font-size:9px}.app-header{display:flex;align-items:center;justify-content:space-between;margin:22px 0 14px}.app-header small{color:#7a8980}.app-header h2{font-size:30px;margin:2px 0}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#98e7d7,#6385e8);color:#fff;font-weight:800}.app-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:#e7ede9;padding:4px;border-radius:999px;margin-bottom:14px}.app-tabs button{border:0;background:transparent;border-radius:999px;padding:9px 6px;font-size:10px;font-weight:700;color:#78847e;cursor:pointer}.app-tabs button.active{background:#fff;color:#15232c;box-shadow:0 3px 12px rgba(0,0,0,.05)}.app-view{display:none}.app-view.active{display:block}.daily-score-card{background:linear-gradient(135deg,#123f3f,#1a6460);color:#fff;border-radius:22px;padding:20px;display:flex;justify-content:space-between;min-height:150px;position:relative;overflow:hidden}.daily-score-card small,.daily-score-card p{display:block;color:#a9c8c4}.daily-score-card strong{font-size:58px;letter-spacing:-.06em}.daily-score-card span{font-size:12px}.daily-score-card p{font-size:10px;margin:2px 0}.score-orbit{width:110px;height:110px;border:10px solid rgba(255,255,255,.15);border-top-color:#7fe0c8;border-radius:50%;align-self:center}.check-card,.water-card,.today-habits,.metric-box{background:#fff;border:1px solid #e0e8e3;border-radius:19px;padding:15px;margin-top:10px}.card-title{display:flex;justify-content:space-between;font-size:11px}.card-title b{color:#268e78}.moods{display:flex;justify-content:space-between;margin-top:13px}.moods button{border:0;background:#f0f3f0;border-radius:14px;width:58px;height:50px;font-size:22px;cursor:pointer;transition:.2s}.moods button.active{background:#d7f4eb;transform:translateY(-3px);box-shadow:0 6px 14px rgba(44,184,157,.14)}.metric-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metric-box small,.metric-box b{display:block}.metric-box small{font-size:9px;color:#819088}.metric-box b{font-size:22px;margin:5px 0 8px}.metric-box input{width:100%;accent-color:var(--mint2)}.water-card{display:flex;justify-content:space-between;align-items:center}.water-card small,.water-card b{display:block}.water-card small{font-size:9px;color:#839088}.water-controls{display:flex;align-items:center;gap:7px}.water-controls button{border:0;width:28px;height:28px;border-radius:50%;background:#edf3ef;cursor:pointer}.water-dots{display:flex;gap:3px}.water-dots i{width:8px;height:20px;border-radius:5px;background:#36bfa1}.water-dots i.empty{background:#dce6e1}.today-habits>div>button,.habit-list button{width:100%;border:0;background:#f8faf8;border-radius:14px;padding:12px;display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:8px;align-items:center;text-align:left;margin-top:7px;cursor:pointer}.today-habits>div>button b,.habit-list button b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.today-habits>div>button small,.habit-list button small{white-space:nowrap;text-align:right}.habit-check{width:23px;height:23px;border-radius:50%;border:1px solid #c8d5cf;display:grid;place-items:center}.done .habit-check{background:#d7f4eb;color:#15866f;border-color:#a7ddcf}.today-habits small,.habit-list small{color:#819087;font-size:9px}.view-head{padding:12px 4px 18px}.view-head small{font-size:9px;color:#7d8b83}.view-head h3{font-size:36px;margin:3px 0}.view-head p{font-size:11px;color:#78857e}.habit-list button{background:#fff;border:1px solid #e0e8e3;margin-bottom:8px}.weekly-chart{height:230px;background:#fff;border:1px solid #e0e8e3;border-radius:20px;padding:18px;display:flex;align-items:end;gap:8px}.weekly-chart div{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:7px}.weekly-chart i{width:100%;max-width:28px;border-radius:9px;background:linear-gradient(#79dbc6,#1f8e7a)}.weekly-chart span{font-size:8px;color:#839088}.insight-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.insight-grid div,.tip-card{background:#fff;border:1px solid #e0e8e3;border-radius:16px;padding:14px}.insight-grid small,.insight-grid b,.tip-card small,.tip-card b{display:block}.insight-grid small,.tip-card small{font-size:8px;color:#839088}.insight-grid b{font-size:16px;margin-top:4px}.tip-card{margin-top:9px}.tip-card b{font-size:11px;margin-top:6px}.app-bottom{position:absolute;left:18px;right:18px;bottom:14px;background:rgba(255,255,255,.93);border:1px solid #dfe7e3;border-radius:22px;padding:8px;display:grid;grid-template-columns:repeat(3,1fr);backdrop-filter:blur(14px)}.app-bottom button{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:14px;color:#819087}.app-bottom button span{font-size:8px}.app-bottom button.active{color:#1a8772}.demo-info{background:#f3f1eb;color:#16232b;padding:42px 30px 30px;display:flex;flex-direction:column;border-left:1px solid rgba(0,0,0,.08)}.demo-info h3{font-size:30px;letter-spacing:-.035em;line-height:1.03;margin:14px 0 18px}.demo-info ul{padding:0;margin:0;list-style:none;color:#68757b;font-size:12px;line-height:1.45;display:grid;gap:8px}.demo-info li{display:flex;align-items:center;gap:9px}.demo-info li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--mint2);flex:0 0 auto}.demo-note{margin-top:auto;background:#0e1b24;color:#fff;border-radius:16px;padding:16px}.demo-note b{font-size:10px;color:#8edbc9}.demo-note p{font-size:10px;color:#93a6b0;margin-bottom:0}
@media(max-width:1050px){.nav-links{display:none}.hero{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-copy>p{margin-inline:auto}.hero-actions,.hero-meta{justify-content:center}.hero-visual{height:670px}.section-grid,.split-showcase,.faq-grid{grid-template-columns:1fr;gap:30px}.overview-cards,.journey-track{grid-template-columns:1fr 1fr}.process-grid{grid-template-columns:1fr 1fr}.showcase-copy{position:static}.app-stage{grid-template-columns:1fr}.demo-info{display:none}.app-phone{justify-self:center;align-self:center;transform:scale(.9)}}
@media(max-width:700px){:root{--shell:calc(100% - 22px)}.site-header{top:8px}.nav{height:54px}.nav-right .btn{display:none}.brand small{display:none}.hero{padding-top:120px}.hero h1{font-size:44px}.hero-copy>p{font-size:14px}.hero-actions{flex-direction:column}.hero-meta{flex-wrap:wrap}.hero-visual{height:590px}.phone-main{transform:scale(.83)}.fc-a{left:0}.fc-b{right:0}.section{padding:76px 0}.section-title h2{font-size:40px}.section-copy p{font-size:14px}.overview-cards,.journey-track,.process-grid{grid-template-columns:1fr}.feature-row{grid-template-columns:40px 1fr}.feature-row p{grid-column:2}.demo-card{grid-template-columns:1fr;min-height:720px}.demo-copy{padding:34px}.demo-preview{min-height:390px}.preview-phone{transform:scale(.72)}.phone-wall{min-height:650px;gap:0}.phone-small{transform:scale(.72)}.lifted{transform:scale(.72) translateY(-40px);margin-left:-55px}.compare-grid{grid-template-columns:1fr}.compare-arrow{transform:rotate(90deg);height:50px}.final-cta{padding:90px 0}.final-inner h2{font-size:44px}.footer{flex-direction:column;gap:8px}.demo-overlay{padding:0}.demo-shell{width:100vw;height:100vh;border-radius:0}.demo-bar small,.demo-bar-actions>button:first-child{display:none}.app-stage{height:calc(100vh - 64px)}.app-phone{width:360px;height:730px;max-height:calc(100vh - 86px);transform:scale(.92)}}

.client-workflow{background:#f7f8f4}.workflow-intro{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;margin:24px 0 48px;align-items:start}.workflow-intro h2{font-size:clamp(34px,3.6vw,52px);line-height:1.04;letter-spacing:-.035em;margin:0;font-weight:700}.workflow-intro p{font-size:15px;color:#5d6971;margin:0;max-width:620px}.workflow-steps{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line)}.workflow-step{display:grid;grid-template-columns:52px 1fr;gap:18px;padding:25px 20px 25px 0;border-bottom:1px solid var(--line)}.workflow-step:nth-child(odd){border-right:1px solid var(--line);padding-right:28px}.workflow-step:nth-child(even){padding-left:28px}.workflow-step>span{font-size:10px;color:#7b878e}.workflow-step h3{font-size:19px;margin:0 0 7px}.workflow-step p{font-size:12px;line-height:1.55;color:#68757c;margin:0}.workflow-tech{margin-top:28px;border:1px solid var(--line);border-radius:20px;padding:22px;display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:start}.workflow-tech>span{font-size:9px;font-weight:800;letter-spacing:.12em;color:#607078}.workflow-tech p{margin:0;font-size:12px;color:#66737a}.workflow-tech b{color:var(--ink)}
@media(max-width:900px){.workflow-intro{grid-template-columns:1fr;gap:22px}.workflow-steps{grid-template-columns:1fr}.workflow-step:nth-child(odd){border-right:0;padding-right:0}.workflow-step:nth-child(even){padding-left:0}.workflow-tech{grid-template-columns:1fr}}

/* Navigation clarity and readable supporting typography */
.back-home{min-height:40px;padding:0 13px;border:1px solid rgba(255,255,255,.22);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:800;letter-spacing:.035em;white-space:nowrap;transition:background-color .2s ease,color .2s ease,border-color .2s ease}
.back-home:hover,.back-home:focus-visible{background:#fff;color:#111;border-color:#fff;outline:none}
.brand small{font-size:11px}.nav-links{font-size:13px}.lang-switch button{font-size:10px}
.eyebrow,.section-label,.case-chapter,.case-chapter-inline,.release-note span{font-size:11px}
.hero-meta{font-size:12px}.hero-meta b,.fact-row span,.overview-card>span,.journey-step>span,.feature-row b,.process-card span,.workflow-step>span,.workflow-tech>span,.problem-grid span,.research-mobile-list b,.solution-mobile-grid span,.palette-panel>span,.type-panel>span,.ui-principles>span,.onboarding-flow article span,.onboarding-flow article small,.stack-grid span,.launch-steps span{font-size:11px}
.process-card p,.problem-grid p,.solution-mobile-grid p,.palette-panel p,.type-panel p,.ui-principles li,.core-list li,.stack-grid p,.launch-steps p{font-size:13px;line-height:1.55}
.footer{font-size:12px}
@media(max-width:700px){.nav{padding-left:14px}.nav-right{gap:6px}.back-home{min-height:36px;padding:0 10px;font-size:10px}.lang-switch button{padding:6px 7px}.hero-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:start;font-size:10px;text-align:center}.hero-meta span{min-width:0}.hero-meta b{font-size:10px}}


/* MIRA 14-block case study */
body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}.mira-hero h1{font-size:clamp(46px,5.4vw,78px);line-height:.96;letter-spacing:-.065em;font-weight:600}.case-section{position:relative}.case-chapter{display:flex;align-items:center;gap:13px;font-size:9px;letter-spacing:.13em;font-weight:800;margin-bottom:48px;color:#5d6a73}.case-chapter span{width:27px}.case-chapter i{height:1px;background:var(--line);flex:1}.case-chapter.light{color:#91a2aa}.case-chapter.light i{background:rgba(255,255,255,.16)}.case-head{display:grid;grid-template-columns:1.15fr .85fr;gap:90px;align-items:start}.case-head h2,.showcase-copy h2,.demo-copy h2{font-size:clamp(38px,4.2vw,60px);line-height:1;letter-spacing:-.055em;font-weight:600;margin:0}.case-head>p,.case-copy p{font-size:15px;color:#5d6971;margin:4px 0 0}.case-copy p+p{margin-top:16px}.light-head>p,.light-head .case-copy p{color:#9eabb3}.fact-row{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line);margin-top:58px}.fact-row article{padding:22px 18px;border-right:1px solid var(--line)}.fact-row article:last-child{border-right:0}.fact-row span,.fact-row b{display:block}.fact-row span{font-size:9px;color:#7d898f;text-transform:uppercase;letter-spacing:.11em}.fact-row b{font-size:12px;margin-top:8px}.problem-mobile{background:#e9edf0}.problem-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#ccd5da;border:1px solid #ccd5da;margin-top:58px}.problem-grid article{background:#f4f6f6;min-height:280px;padding:23px;display:flex;flex-direction:column}.problem-grid span{font-size:9px;color:#819097}.problem-grid h3{font-size:21px;margin:auto 0 8px}.problem-grid p{font-size:11px;color:#68767d;margin:0}.goal-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:58px}.goal-strip div{min-height:170px;border:1px solid var(--line);border-radius:20px;padding:22px;display:flex;flex-direction:column;justify-content:flex-end}.goal-strip strong{font-size:34px;letter-spacing:-.04em}.goal-strip span{font-size:10px;color:#6f7c82;margin-top:7px}.research-mobile{background:#eef1ec}.research-mobile-list{margin-top:55px;border-top:1px solid var(--line)}.research-mobile-list>div{display:grid;grid-template-columns:.4fr 1.6fr;gap:40px;border-bottom:1px solid var(--line);padding:22px 0}.research-mobile-list b{font-size:9px;letter-spacing:.12em}.research-mobile-list span{font-size:13px;color:#5f6d72}.solution-mobile{background:#0d1b22;color:#fff}.solution-mobile .case-head>p{color:#a9b6bc}.solution-mobile-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:58px}.solution-mobile-grid article{border:1px solid rgba(255,255,255,.14);border-radius:20px;min-height:270px;padding:22px;display:flex;flex-direction:column}.solution-mobile-grid span{font-size:9px;color:#82969f}.solution-mobile-grid h3{margin:auto 0 8px;font-size:21px}.solution-mobile-grid p{font-size:11px;color:#aebcc1;margin:0}.design-system-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-top:58px}.palette-panel,.type-panel,.ui-principles{border:1px solid var(--line);border-radius:22px;padding:23px;min-height:390px;display:flex;flex-direction:column;background:#f9faf7}.palette-panel>span,.type-panel>span,.ui-principles>span{font-size:9px;letter-spacing:.12em;font-weight:800}.palette-panel>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:auto 0}.palette-panel i{height:100px;border-radius:13px;background:var(--c);border:1px solid rgba(0,0,0,.08)}.palette-panel p,.type-panel p{font-size:11px;color:#6a777d;margin:16px 0 0}.type-panel strong{font-size:54px;letter-spacing:-.06em;margin:auto 0 2px}.type-panel h3{font-size:27px;margin:0}.ui-principles ul{list-style:none;padding:0;margin:auto 0 0}.ui-principles li{font-size:11px;padding:14px 0;border-top:1px solid var(--line)}.case-chapter-inline{display:block;font-size:9px;letter-spacing:.13em;font-weight:800;color:#65737a;margin-bottom:18px}.core-list{list-style:none;padding:0;margin:28px 0 0;border-top:1px solid var(--line)}.core-list li{font-size:11px;color:#5f6d72;padding:13px 0;border-bottom:1px solid var(--line)}.onboarding-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:stretch;gap:10px;margin-top:58px}.onboarding-flow article{border:1px solid var(--line);border-radius:20px;padding:20px;min-height:190px;display:flex;flex-direction:column}.onboarding-flow article span{font-size:9px;color:#819097}.onboarding-flow article b{font-size:18px;margin:auto 0 7px}.onboarding-flow article small{font-size:9px;color:#76858b}.onboarding-flow>i{font-style:normal;display:grid;place-items:center;color:#7c8b90}.stack-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:58px}.stack-grid article{border:1px solid var(--line);border-radius:20px;padding:22px;min-height:260px;display:flex;flex-direction:column}.stack-grid span{font-size:9px;letter-spacing:.12em;color:#77868c}.stack-grid b{font-size:20px;margin:auto 0 8px}.stack-grid p{font-size:11px;color:#68777d;margin:0}.trust-section{background:#edf4f1}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:58px}.trust-grid article{background:#fff;border:1px solid #d7e3de;border-radius:20px;padding:22px;min-height:180px;display:flex;flex-direction:column}.trust-grid b{font-size:18px;margin:auto 0 8px}.trust-grid span{font-size:11px;color:#687a74}.app-launch{background:#0b1720;color:#fff}.app-launch .case-head>p{color:#a8b6be}.launch-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.13);margin-top:58px}.launch-steps article{background:#0b1720;min-height:230px;padding:23px;display:flex;flex-direction:column}.launch-steps span{font-size:9px;color:#7e929e}.launch-steps h3{font-size:20px;margin:auto 0 8px}.launch-steps p{font-size:11px;color:#a7b6bd;margin:0}.release-note{margin-top:28px;border:1px solid rgba(255,255,255,.16);border-radius:20px;padding:23px;display:grid;grid-template-columns:auto 1fr;gap:30px;align-items:start}.release-note span{font-size:9px;letter-spacing:.13em}.release-note strong{font-size:14px;font-weight:500;color:#d8e1e4}.final-inner h2{font-size:clamp(40px,4.6vw,66px)}
@media(max-width:1000px){.case-head{grid-template-columns:1fr;gap:24px}.problem-grid,.solution-mobile-grid,.goal-strip,.stack-grid{grid-template-columns:1fr 1fr}.design-system-grid,.trust-grid{grid-template-columns:1fr}.onboarding-flow{grid-template-columns:1fr 1fr}.onboarding-flow>i{display:none}.launch-steps{grid-template-columns:1fr 1fr}.fact-row{grid-template-columns:1fr 1fr}.fact-row article:nth-child(2){border-right:0}.fact-row article:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:700px){.mira-hero h1{font-size:42px}.case-head h2,.showcase-copy h2,.demo-copy h2{font-size:36px}.problem-grid,.solution-mobile-grid,.goal-strip,.stack-grid,.trust-grid,.launch-steps,.fact-row,.onboarding-flow{grid-template-columns:1fr}.fact-row article{border-right:0;border-bottom:1px solid var(--line)}.research-mobile-list>div{grid-template-columns:1fr;gap:8px}.release-note{grid-template-columns:1fr}.problem-grid article,.solution-mobile-grid article{min-height:220px}}

/* Final shared Chyrak case typography */
body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.mira-hero h1{font-size:clamp(46px,5.4vw,78px);font-weight:500;line-height:.96;letter-spacing:-.06em}
.case-head h2,.showcase-copy h2,.demo-copy h2{font-size:clamp(38px,4.2vw,60px);font-weight:500}

/* Cyrillic-safe sans-only type and viewport-bound mobile navigation. */
html body,html body *{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important}
@media(max-width:700px){.site-header{width:100vw;min-width:0}.nav{width:calc(100vw - 22px);max-width:calc(100vw - 22px);min-width:0}}
.problem-mobile .case-head h2,.research-mobile .case-head h2,.solution-mobile .case-head h2,.visual-mobile .case-head h2,.development-mobile .case-head h2,.app-launch .case-head h2{font-size:clamp(34px,3.8vw,54px);font-weight:500}
.final-inner h2{font-size:clamp(44px,5vw,72px);font-weight:500}

/* Restrained motion and keyboard-visible interaction states. */
.reveal{opacity:1;transform:none}.reveal.motion-ready{opacity:0;transform:translateY(20px)}.reveal.motion-ready.visible{opacity:1;transform:none}
:where(a,button,input,[role="button"]):focus-visible{outline:3px solid #74d8c4!important;outline-offset:4px!important;box-shadow:0 0 0 2px #0b141c!important}
@media(max-width:700px){html,body,main{width:100%;max-width:100%;min-width:0;overflow-x:clip}.split-showcase{grid-template-columns:minmax(0,1fr);gap:42px}.showcase-copy{position:static;width:auto;min-width:0}.product-showcase,.product-showcase *{max-width:100%}.phone-wall{overflow:hidden}}
@media(max-width:700px){.mira-hero{grid-template-columns:minmax(0,1fr)}.hero-copy,.hero-copy>*{width:100%;min-width:0;max-width:100%}.mira-hero h1{font-size:clamp(34px,11vw,40px);overflow-wrap:normal}.mira-hero .eyebrow{display:block;overflow-wrap:anywhere}.mira-hero .hero-copy>p{width:100%}}