.product-surface *{box-sizing:border-box}.product-surface html{scroll-behavior:smooth;scroll-padding-top:110px}.product-surface body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;line-height:1.7}.product-surface body:before{content:'';position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 80% 0%,#3b527323,transparent 50%);z-index:-1}.product-surface a{color:inherit;text-decoration:none}.product-surface button,.product-surface input{font:inherit}.product-surface button,.product-surface a,.product-surface input{outline-offset:5px}.product-surface button{cursor:pointer}.product-surface button:focus-visible,.product-surface a:focus-visible{outline:2px solid #c6f18a}.product-surface header{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);max-width:1320px;margin:auto;padding:0 48px}.product-surface .brand{font-size:17px;font-weight:800;letter-spacing:-.6px}.product-surface .brand span{font-weight:400;color:var(--muted);margin-left:14px;font-size:14px}.product-surface .nav{display:flex;gap:30px;font-size:14px;color:#c3cad6}.product-surface .nav a:hover{color:#fff}.product-surface .hero{max-width:1224px;margin:0 auto;padding:90px 0 64px}.product-surface .eyebrow{font-size:12px;font-weight:700;letter-spacing:2.3px;text-transform:uppercase;color:#a7b4c8}.product-surface .hero h1{font-size:clamp(52px,6.8vw,91px);line-height:1.08;letter-spacing:-5px;margin:24px 0 28px;font-weight:500;max-width:950px}.product-surface .hero h1 span{background:linear-gradient(110deg,#f9fcff,#8594af);color:transparent;background-clip:text}.product-surface .hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:40px}.product-surface .hero p{font-size:18px;color:#a9b2c3;max-width:600px;line-height:1.8;margin:0}.product-surface .pill{display:inline-flex;align-items:center;gap:12px;border:1px solid #ffffff22;border-radius:99px;padding:12px 22px;font-size:14px;background:#ffffff06;white-space:nowrap;transition:.25s}.product-surface .pill:hover{background:#ffffff12;transform:translateY(-2px)}.product-surface .work{max-width:1224px;margin:0 auto;padding:30px 0 70px}.product-surface .section-label{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:25px;margin-bottom:28px}.product-surface .section-label h2{font-size:16px;margin:0;font-weight:500}.product-surface .section-label span{font-size:12px;color:var(--muted)}.product-surface .cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}.product-surface .case-card{border:1px solid #ffffff1c;border-radius:26px;overflow:hidden;background:#12161d;transition:transform .4s,border-color .4s}.product-surface .case-card:hover{transform:translateY(-6px);border-color:#ffffff55}.product-surface .card-art{height:360px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 40% 75%,#76524070,transparent 70%),#1c1919;display:flex;align-items:flex-start;justify-content:center;gap:24px;padding-top:50px}.product-surface .case-card.grocery .card-art{background:radial-gradient(ellipse at 60% 60%,#728d404d,transparent 70%),#172018}.product-surface .card-art .phone{transform:rotate(-8deg) scale(.62);transform-origin:top center;flex-shrink:0}.product-surface .card-art .phone + .phone{transform:translate(-60px,65px) rotate(9deg) scale(.62);margin-left:-110px}.product-surface .art-word{position:absolute;left:25px;top:20px;font-size:12px;letter-spacing:3px;color:#ffffff88}.product-surface .card-copy{padding:28px 30px 32px}.product-surface .card-top{display:flex;align-items:center;justify-content:space-between}.product-surface .card-copy h3{font-size:28px;letter-spacing:-1px;margin:0}.product-surface .round-arrow{display:grid;place-items:center;width:40px;height:40px;border:1px solid #ffffff2b;border-radius:50%;font-size:23px}.product-surface .card-copy p{color:#aab2c1;font-size:15px;max-width:440px;margin:12px 0 22px}.product-surface .tags{display:flex;flex-wrap:wrap;gap:8px}.product-surface .tags span{font-size:12px;padding:5px 10px;border-radius:7px;background:#ffffff06;color:#afb8c7;border:1px solid #ffffff0a}.product-surface footer{max-width:1224px;margin:auto;padding:28px 0 35px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:12px;color:#8390a3}.product-surface .case-header{position:sticky;top:0;z-index:30;max-width:none;background:#090b10dc;backdrop-filter:blur(24px);height:72px;padding:0 max(30px,calc((100vw - 1224px)/2));}.product-surface .case-header .nav{gap:20px}.product-surface .progress{position:absolute;bottom:0;left:0;height:2px;background:var(--accent);width:0;transition:width .2s}.product-surface .case-intro{max-width:1224px;margin:auto;padding:65px 0 50px;border-bottom:1px solid var(--line)}.product-surface .case-intro h1{font-size:clamp(44px,5vw,68px);line-height:1.15;letter-spacing:-3px;max-width:900px;margin:18px 0 22px;font-weight:500}.product-surface .case-intro p{max-width:720px;color:var(--muted);font-size:17px}.product-surface .case-meta{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.product-surface .case-meta span{font-size:12px;padding:7px 13px;background:#ffffff07;border-radius:7px;border:1px solid var(--line)}.product-surface .story-layout{max-width:1224px;margin:auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(350px,.95fr);gap:90px;position:relative}.product-surface .chapter{min-height:88vh;padding:90px 0 75px;border-bottom:1px solid var(--line);scroll-margin-top:70px}.product-surface .chapter .chapter-no{color:var(--accent);font-size:12px;letter-spacing:2px;font-weight:700}.product-surface .chapter h2{font-size:38px;font-weight:500;letter-spacing:-1.5px;margin:12px 0 28px}.product-surface .chapter h3{font-size:18px;font-weight:600;margin:27px 0 8px}.product-surface .chapter p,.product-surface .chapter li{color:#afb7c6;line-height:1.9;font-size:16px}.product-surface .chapter strong{color:#edf0f7;font-weight:600}.product-surface .chapter ul{padding-left:20px}.product-surface .chapter blockquote{margin:28px 0;padding:4px 0 4px 24px;border-left:2px solid var(--accent);font-size:24px;line-height:1.5;letter-spacing:-.5px}.product-surface .note{padding:16px 18px;background:#ffffff04;border:1px solid var(--line);border-radius:12px;font-size:13px!important;color:#9ca9bd!important}.product-surface .stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:25px 0}.product-surface .stat{padding:22px;border:1px solid var(--line);border-radius:16px;background:#ffffff04}.product-surface .stat b{display:block;font-size:36px;color:var(--accent);letter-spacing:-1px}.product-surface .stat span{font-size:12px;color:var(--muted)}.product-surface .phone-stage{position:sticky;top:95px;height:calc(100vh - 110px);min-height:580px;max-height:900px;display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:start}.product-surface .phone-stage:before{content:'';position:absolute;width:450px;height:450px;max-width:100%;border-radius:50%;background:radial-gradient(circle,var(--glow,#ec661b20),transparent 65%);z-index:-1}.product-surface .device-caption{font-size:12px;color:#8e9bb0;margin:18px 0 12px;text-align:center}.product-surface .stage-dots{display:flex;gap:8px}.product-surface .stage-dots a{width:7px;height:7px;border-radius:50%;background:#ffffff26;transition:.25s}.product-surface .stage-dots a.active{width:28px;border-radius:5px;background:var(--accent)}.product-surface .phone{width:292px;height:596px;background:linear-gradient(140deg,#a1a3a9,#25282e 22%,#666b71 60%,#15171c);padding:6px;border-radius:46px;box-shadow:0 35px 70px #0007,0 0 0 1px #ffffff25;position:relative;color:#202a24;font-family:Manrope,sans-serif;flex-shrink:0}.product-surface .phone:after{content:'';position:absolute;width:88px;height:4px;border-radius:4px;background:#202a24;bottom:15px;left:50%;transform:translateX(-50%);z-index:4}.product-surface .phone-inner{height:100%;overflow:hidden;border-radius:40px;background:#f8f9f5;position:relative;border:3px solid #0d0e12}.product-surface .statusbar{height:39px;display:flex;justify-content:space-between;align-items:center;padding:10px 21px 0;font-size:11px;font-weight:800;background:#fafbf8;position:relative}.product-surface .island{position:absolute;top:8px;left:50%;transform:translateX(-50%);height:22px;width:83px;background:#080a0d;border-radius:22px}.product-surface .phone-content{height:calc(100% - 98px);overflow:auto;padding:18px 17px 15px;scrollbar-width:none;background:#fafbf8}.product-surface .phone-content::-webkit-scrollbar{display:none}.product-surface .phone-content h2{font-size:26px;line-height:1.2;letter-spacing:-1px;margin:12px 0}.product-surface .phone-content h3{font-size:17px;letter-spacing:-.4px;margin:16px 0 8px}.product-surface .phone-content p{font-size:12px;line-height:1.6;color:#68736a;margin:8px 0}.product-surface .app-brand{font-size:15px;font-weight:800;letter-spacing:2px;color:var(--app-accent,#d95c1d)}.product-surface .app-top{display:flex;justify-content:space-between;align-items:center}.product-surface .avatar{height:29px;width:29px;background:#e9eae5;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:700}.product-surface .app-kicker{font-size:10px;letter-spacing:1px;color:#6c756e;margin-top:18px}.product-surface .app-card{background:#fff;padding:13px;border:1px solid #e8ece3;border-radius:15px;margin:10px 0;text-align:left;width:100%;color:#24342b}.product-surface .app-card.tint{background:var(--app-tint,#f9e8dd);border:0}.product-surface .app-card b{font-size:13px;display:block}.product-surface .app-card small{display:block;color:#71796f;font-size:11px;margin-top:4px}.product-surface .app-card .mini-icon{font-size:23px;display:block;margin-bottom:12px}.product-surface .app-btn{display:block;border:0;background:var(--app-accent,#d85c24);color:#fff;border-radius:12px;padding:13px 9px;width:100%;font-size:12px;font-weight:700;text-align:center;margin:13px 0;line-height:1.4}.product-surface .app-btn.secondary{background:#ecefe7;color:#344330}.product-surface .app-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;padding:12px 0;border-bottom:1px solid #e7eae2}.product-surface .app-row strong{font-size:12px}.product-surface .app-nav{height:54px;display:flex;justify-content:space-around;background:#fff;border-top:1px solid #edf0e9;padding:6px 5px 15px}.product-surface .app-nav button{border:0;background:none;color:#879085;display:flex;flex-direction:column;align-items:center;font-size:9px;gap:1px;line-height:1.5;padding:0 6px}.product-surface .app-nav button.active{color:var(--app-accent,#d85c24)}.product-surface .app-nav button i{font-style:normal;font-size:18px;line-height:20px}.product-surface .app-input{width:100%;background:#fff;color:#253426;border:1px solid #d9dfd2;border-radius:10px;padding:12px;font-size:13px;margin:10px 0}.product-surface .screen-animate{animation:screenIn .4s ease both}.product-surface .app-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.product-surface .app-grid .app-card{margin:4px 0}.product-surface .app-check{width:55px;height:55px;border-radius:50%;display:grid;place-items:center;background:#e2f2ce;color:#3b6822;font-size:25px;margin:25px auto 15px}.product-surface .app-message{text-align:center}.product-surface .app-badge{display:inline-block;color:#476531;background:#e6eedc;padding:4px 8px;border-radius:5px;font-size:10px}.product-surface .step-list{counter-reset:steps}.product-surface .step-list div{font-size:12px;color:#516046;line-height:1.6;margin:13px 0;padding-left:27px;position:relative}.product-surface .step-list div:before{counter-increment:steps;content:counter(steps);position:absolute;left:0;background:#edf0e7;width:20px;height:20px;border-radius:50%;text-align:center;font-size:10px}.product-surface .product-symbol{font-size:30px}.product-surface .explore{min-height:80vh}.product-surface .explore-options{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0}.product-surface .explore-options button{border:1px solid #ffffff25;border-radius:10px;background:#ffffff07;padding:10px 16px;color:#d6deea;font-size:13px}.product-surface .explore-options button.active{background:var(--accent);color:#152015;border-color:transparent}.product-surface .next-case{max-width:1224px;margin:50px auto 70px;border:1px solid var(--line);border-radius:20px;padding:30px;display:flex;justify-content:space-between;align-items:center;background:#ffffff04}.product-surface .next-case small{display:block;color:var(--muted);font-size:12px}.product-surface .next-case strong{font-size:24px}.product-surface .skip{position:fixed;left:20px;top:-100px;z-index:100;background:#fff;color:#000;padding:10px}.product-surface .skip:focus{top:10px}.product-surface .app-card.selected{border-color:var(--app-accent);box-shadow:0 0 0 1px var(--app-accent)}.product-surface .app-back{border:0;background:none;color:var(--app-accent);font-size:12px;padding:0;margin:0 0 8px}.product-surface .metric-table{width:100%;border-collapse:collapse;font-size:13px;margin:22px 0}.product-surface .metric-table th,.product-surface .metric-table td{padding:12px 7px;text-align:left;border-bottom:1px solid var(--line)}.product-surface .metric-table th{color:#9caabc;font-weight:500}.product-surface .metric-table td:last-child{color:var(--accent)}@keyframes screenIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1500px){.product-surface .phone-stage .phone{width:310px;height:630px}}@media(max-height:780px) and (min-width:801px){.product-surface .phone-stage .phone{width:258px;height:526px;border-radius:40px}.product-surface .phone-inner{border-radius:34px}.product-surface .phone-stage{min-height:0}.product-surface .phone-content{padding:12px 14px}.product-surface .device-caption{margin:9px 0}.product-surface .app-card{padding:10px}.product-surface .phone-content h2{font-size:23px}}@media(max-width:1300px){.product-surface .hero,.product-surface .work,.product-surface .case-intro,.product-surface .story-layout,.product-surface footer,.product-surface .next-case{margin-left:48px;margin-right:48px}.product-surface .story-layout{gap:50px}}@media(max-width:800px){.product-surface header{padding:0 22px;height:76px}.product-surface .brand span{display:none}.product-surface .nav{gap:18px}.product-surface .hero,.product-surface .work,.product-surface .case-intro,.product-surface .story-layout,.product-surface footer,.product-surface .next-case{margin-left:22px;margin-right:22px}.product-surface .hero{padding:60px 0 40px}.product-surface .hero h1{font-size:56px;letter-spacing:-3px}.product-surface .hero-bottom{display:block}.product-surface .hero p{font-size:16px}.product-surface .hero .pill{margin-top:28px}.product-surface .cards{grid-template-columns:1fr}.product-surface .card-art{height:330px}.product-surface .story-layout{display:flex;flex-direction:column;gap:0}.product-surface .story{order:2}.product-surface .phone-stage{order:1;top:72px;height:285px;min-height:0;max-height:none;width:calc(100% + 44px);margin-left:-22px;background:#0b0e14f5;border-bottom:1px solid var(--line);z-index:15;justify-content:flex-start;overflow:hidden;padding-top:12px;backdrop-filter:blur(20px)}.product-surface .phone-stage .phone{transform:scale(.42);transform-origin:top center}.product-surface .device-caption{position:absolute;left:17px;bottom:22px;font-size:10px;max-width:95px;text-align:left}.product-surface .stage-dots{position:absolute;right:16px;bottom:30px;max-width:55px;flex-wrap:wrap;gap:6px}.product-surface .stage-dots a{width:6px;height:6px}.product-surface .stage-dots a.active{width:15px}.product-surface .chapter{min-height:70vh;padding:42px 0;scroll-margin-top:370px}.product-surface .chapter h2{font-size:31px}.product-surface .chapter p,.product-surface .chapter li{font-size:15px}.product-surface .case-intro{padding:40px 0}.product-surface .case-intro h1{font-size:42px;letter-spacing:-2px}.product-surface .case-header{padding:0 20px;height:72px}.product-surface .case-header .nav{font-size:12px}.product-surface .case-header .brand{font-size:15px}.product-surface .case-header .brand span{display:none}body.exploring .product-surface .phone-stage{height:450px}body.exploring .product-surface .phone-stage .phone{transform:scale(.68)}body.exploring .product-surface .chapter{scroll-margin-top:535px}.product-surface .next-case{padding:22px}.product-surface .next-case strong{font-size:20px}.product-surface footer{gap:20px;font-size:11px}.product-surface .card-copy{padding:25px}.product-surface .case-intro p{font-size:15px}}@media(prefers-reduced-motion:reduce){.product-surface html{scroll-behavior:auto}.product-surface *,.product-surface *:before,.product-surface *:after{animation:none!important;transition:none!important}}.product-surface .phone-stage,.product-surface .phone,.product-surface .phone-content{overflow-anchor:none}.product-surface .phone-content{overscroll-behavior:contain}.product-surface .app-row button{border:1px solid #dce3d5;border-radius:6px;background:#f2f5ed;color:#304527;min-width:25px;min-height:28px;font-size:14px}@keyframes screenIn{from{opacity:0}to{opacity:1}}.product-surface .case-card.nutri .card-art{background:radial-gradient(ellipse at 60% 65%,#37d49a3d,transparent 70%),#10201c}.product-surface .case-card.nutri{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.product-surface .case-card.nutri .card-copy{display:flex;flex-direction:column;justify-content:center;padding:40px}.product-surface .case-card.nutri .card-art{height:380px}.product-surface .nutri-phone .phone-content{background:#f2f4ee}.product-surface .chat-header{display:flex;align-items:center;gap:9px;padding-bottom:13px;border-bottom:1px solid #d9e3db;margin-bottom:12px;color:#243c30}.product-surface .chat-header strong{display:block;font-size:14px}.product-surface .chat-header small{display:block;font-size:10px;color:#5e7868}.product-surface .chat-header>span:last-child{margin-left:auto}.product-surface .chat-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#187957;color:#fff;font-size:19px;font-weight:800}.product-surface .chat-date{text-align:center;font-size:9px;letter-spacing:1px;color:#708075;margin:12px}.product-surface .chat-bubble{background:#fff;border-radius:3px 12px 12px 12px;padding:12px;margin:10px 16px 10px 0;font-size:12px;line-height:1.65;color:#263d30;box-shadow:0 1px 1px #163c1710}.product-surface .chat-bubble.sent{margin:10px 0 10px 16px;background:#d9f5ce;border-radius:12px 3px 12px 12px}.product-surface .chat-bubble>small{font-size:9px;color:#7c8c7e;display:block;text-align:right;margin-top:6px}.product-surface .chat-compose{border:1px solid #c8ded0;padding:12px;border-radius:16px;background:#fff;color:#304c3c;display:flex;align-items:center;text-align:left;font-size:12px;line-height:1.6;gap:8px;width:100%}.product-surface .chat-compose b{background:#187957;color:white;border-radius:50%;min-width:27px;height:27px;display:grid;place-items:center}.product-surface .chat-hint{font-size:10px!important;color:#758074!important}.product-surface .nutri-energy{font-size:39px;line-height:1.2;font-weight:700;letter-spacing:-1.5px;color:#19593e;margin:14px 0}.product-surface .nutri-energy small{font-size:11px;font-weight:400;letter-spacing:0}.product-surface .nutri-macros{display:flex;justify-content:space-between;gap:5px;padding:12px 0 4px}.product-surface .nutri-macros b{font-size:13px;display:block}.product-surface .nutri-macros small{display:block;font-size:9px;color:#647b6c}@media(max-width:800px){.product-surface .case-card.nutri{display:block}.product-surface .case-card.nutri .card-copy{padding:25px}.product-surface .case-card.nutri .card-art{height:330px}}

/* Shared portfolio identity; prototype screens retain their own product UI. */
.product-surface{--ink:var(--fg);--accent:#dcff00;--bg:#000;--muted:#a5a5a5;--line:#303030}
.product-surface .cards{gap:24px}.product-surface .case-card,.product-surface .case-card.nutri{display:block;grid-column:auto;border:1px solid var(--line);border-radius:20px;background:var(--surface);transform:none}
.product-surface .case-card:hover{border-color:var(--accent);transform:none}
.product-surface .card-art,.product-surface .case-card.grocery .card-art,.product-surface .case-card.nutri .card-art{height:360px;background:#181818}
.product-surface .card-copy,.product-surface .case-card.nutri .card-copy{padding:26px}
.product-surface .card-copy h3{font:700 32px/1.1 Barlow,sans-serif;letter-spacing:0;text-transform:uppercase}
.product-surface .card-copy p{color:var(--muted);font-size:15px;line-height:1.7}
.product-surface .tags span{background:#202020;color:var(--muted);border:0;font-size:12px}
.product-surface .round-arrow{color:var(--fg);border-color:var(--line)}
.product-case{padding-top:38px}.product-case .case-intro{padding:36px 0 42px;margin:0;max-width:none}
.product-case .case-intro h1{font:700 var(--case-h1)/1.04 Barlow,sans-serif;text-transform:uppercase;letter-spacing:-.015em;margin:18px 0 24px;max-width:1050px}
.product-case .case-intro p{color:var(--muted);font-size:17px;line-height:1.8;max-width:730px}
.product-case .case-meta span{font-size:13px;background:var(--surface);border-color:var(--line)}
.product-case .eyebrow,.product-case .chapter-no{color:var(--accent)}
.product-case .story-layout{margin:0;max-width:none;gap:64px}
.product-case .chapter{padding:64px 0;min-height:76vh}
.product-case .chapter h2{font:700 var(--case-h2)/1.1 Barlow,sans-serif;text-transform:uppercase;letter-spacing:-.01em;margin:14px 0 26px}
.product-case .chapter h3{font-size:20px;line-height:1.5;letter-spacing:0;margin:28px 0 12px}
.product-case .chapter p,.product-case .chapter li{font-size:16px;line-height:1.85;color:var(--muted);margin:0 0 20px}
.product-case .chapter strong{color:var(--fg)}.product-case .chapter blockquote{font-size:23px;line-height:1.5;color:var(--fg)}
.product-case .note,.product-case .stat{background:var(--surface);border-color:var(--line);border-radius:12px}.product-case .chapter .note{color:var(--muted)!important;font-size:14px!important}
.product-case .phone-stage{top:24px}.product-case .phone-stage:before{display:none}.product-case .device-caption{color:var(--muted);font-size:13px}
.product-case .next-case{margin:40px 0 60px;background:var(--surface);border-color:var(--line)}.product-case .next-case strong{font:700 36px/1.15 Barlow,sans-serif;text-transform:uppercase}
.product-case .progress{position:fixed;top:0;bottom:auto;left:0;z-index:60;height:2px;background:var(--accent);pointer-events:none}
.product-case .explore-options button{font-size:14px;background:var(--surface);color:var(--fg)}.product-case .explore-options button.active{background:var(--accent);color:#000}
@media(max-width:800px){.product-surface .cards{grid-template-columns:1fr}.product-case .story-layout{gap:0}.product-case .phone-stage{background:#000;top:0;backdrop-filter:none}.product-case .chapter{scroll-margin-top:305px}.product-case .case-intro{margin:0}.product-surface .card-art,.product-surface .case-card.nutri .card-art{height:330px}}