:root{--green:#087d50;--deep:#063d2b;--ink:#162e24;--muted:#687c71;--line:#dde7df;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:0}a{color:inherit;text-decoration:none}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #8d5bd8;outline-offset:4px}h1,h2,h3,h4,p{margin:0}svg{display:block}.wrap{width:min(1240px,calc(100% - 80px));margin-inline:auto}.header{height:105px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:28px}.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:750;letter-spacing:-.7px;white-space:nowrap}.brand-icon{width:38px;height:38px}.brand-light{font-weight:440}.header nav{display:flex;gap:32px;color:#51685b;font-size:13px;font-weight:550}.header nav a:hover{color:var(--green)}.header-demo{font-size:13px;font-weight:700;border:1px solid #c3d9ca;border-radius:100px;padding:13px 19px;white-space:nowrap}.header-demo span{margin-left:18px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:35px;padding-block:75px 64px;align-items:center;min-height:650px}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--green);font-size:10px;letter-spacing:1.5px;font-weight:750;margin-bottom:25px}.spark{font-size:22px;line-height:1}.hero h1{font-size:clamp(44px,4.7vw,68px);line-height:1.04;font-weight:580;letter-spacing:-3.5px}.green{color:var(--green)}.hero-lead{font-size:17px;line-height:1.6;color:#5b7064;margin-top:25px}.hero-actions{display:flex;align-items:center;gap:18px;margin-top:29px;flex-wrap:wrap}.button{border-radius:100px;padding:17px 23px;font-size:13px;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:25px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-1px)}.primary{background:var(--green);color:white}.primary:hover{background:#06613e}.small-note{font-size:10px;color:var(--muted)}.hero-foot{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:10px;color:#557160;margin-top:34px}.little-check{background:#e4f3e7;border-radius:50%;width:20px;height:20px;display:inline-grid;place-items:center;color:var(--green);font-weight:800}.dot{margin-inline:4px;color:#a8bab0}.hero-visual{position:relative;height:465px;isolation:isolate;border-radius:40px;background:radial-gradient(ellipse at 55% 50%,#e4f4e6 0,#f6faf3 53%,#fff 75%)}.visual-grid{position:absolute;inset:0;z-index:-1;opacity:.35;background-image:radial-gradient(#a9c5ae .7px,transparent .7px);background-size:19px 19px;mask-image:radial-gradient(ellipse,#000,transparent 75%)}.visual-orbit{position:absolute;border:1px solid #dcebdd;border-radius:50%;z-index:-1;left:15%;top:10%;width:76%;height:80%;transform:rotate(-30deg)}.orbit-two{width:90%;height:52%;left:0;top:27%;transform:rotate(35deg);border-style:dashed}.float-tag{position:absolute;left:23%;top:8px;border:1px solid #dce7df;box-shadow:0 8px 20px #15392008;background:#fff;border-radius:100px;font-size:11px;font-weight:600;display:flex;align-items:center;gap:9px;padding:13px 15px;transform:rotate(-5deg)}.status-dot{width:6px;height:6px;border-radius:50%;background:#32a878;display:inline-block;flex-shrink:0}.tag-arrow{margin-left:28px;font-size:15px}.hero-package{position:absolute;top:80px;left:18%;width:230px;height:290px;background:#fff;transform:rotate(-9deg);border-radius:5px;box-shadow:18px 24px 45px #1f513124,-4px 2px 0 #dbe6dc inset;overflow:hidden;padding:25px}.package-top{display:flex;align-items:center;gap:7px}.package-top svg{width:28px;height:28px}.package-top>span{font-size:6px;line-height:1.5;font-weight:700;color:#81988a;letter-spacing:1px}.hero-package>strong{font-size:27px;display:block;line-height:1.1;margin-top:25px;letter-spacing:-1px}.package-line{height:4px;width:70px;background:linear-gradient(90deg,#0b8d58,#e9f6eb);margin-block:19px}.package-bottom{display:flex;justify-content:space-between;align-items:end}.package-bottom>span:first-child{font-size:43px;font-weight:600;color:var(--green);line-height:.8}.package-bottom small{display:block;font-size:9px;color:#799483;margin-top:7px;letter-spacing:.7px;font-weight:500}.package-id{font-family:monospace;font-size:8px;color:#80968a;line-height:1.7}.stock-float{position:absolute;right:0;top:121px;width:181px;background:white;padding:17px;border:1px solid #e0eade;border-radius:16px;box-shadow:0 15px 30px #214d2812;transform:rotate(5deg)}.tiny-label{font-size:7px;letter-spacing:1.15px;color:#6b8375;font-weight:700}.stock-float>div:nth-child(2){display:flex;align-items:baseline;gap:5px;margin-top:9px}.stock-float strong{font-size:38px;font-weight:550;letter-spacing:-1.5px}.stock-float>div>span{font-size:11px;color:#6f8477}.stock-float svg{margin-left:auto;width:57px}.mini-meter{height:4px;background:#e7f0e8;border-radius:10px;margin-block:9px}.mini-meter i{display:block;width:70%;height:100%;background:#0c8d56;border-radius:10px}.stock-float>small{font-size:8px;color:#7c9183}.refill-float{position:absolute;bottom:32px;left:17%;width:87%;max-width:395px;padding:21px;display:flex;gap:13px;align-items:center;transform:rotate(-3deg);box-shadow:0 18px 40px #204d2512}.ai-border{border:1px solid transparent;border-radius:17px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(110deg,#7bc899,#cad5ec,#eeafc8,#a5d9af) border-box}.refill-icon{border-radius:13px;background:#e8f5e9;color:var(--green);font-size:29px;width:44px;height:44px;display:grid;place-items:center;flex-shrink:0}.refill-float strong{display:block;font-size:13px;font-weight:650;margin:5px 0}.refill-float small{display:block;font-size:9px;color:#758879}.float-check{margin-left:auto;border:1px solid #dceadd;border-radius:50%;width:23px;height:23px;display:grid;place-items:center;color:#07844f;font-size:11px;flex-shrink:0}.visual-caption{position:absolute;bottom:-14px;width:100%;text-align:center;font-size:8px;color:#91a294}.principles{display:flex;align-items:center;padding-block:29px;border-top:1px solid var(--line);margin-bottom:70px;gap:50px}.principles>div{display:flex;gap:18px;align-items:center;flex:1}.principles>div>span{color:#8aa591;font-family:monospace;font-size:12px}.principles p{font-size:12px;color:#748579;line-height:1.7}.principles strong{font-weight:550;color:#244936}.round-link{width:41px;height:41px;display:grid;place-items:center;border:1px solid #d9e5dc;border-radius:50%;font-size:20px;flex-shrink:0}.story-section{background:var(--deep);color:#fff;padding-block:65px 70px;position:relative;overflow:hidden}.story-section:before{content:"";position:absolute;width:700px;height:700px;right:-250px;top:-280px;border:1px solid #48725b44;border-radius:50%;pointer-events:none}.section-top{display:flex;align-items:end;justify-content:space-between;gap:40px}.light{color:#a6cfb2}.section-top h2,.boundaries h2{font-size:40px;font-weight:500;letter-spacing:-1.5px;line-height:1.15}.story-section h2 span{color:#a5c9af}.section-top>p{font-size:13px;line-height:1.75;color:#658171}.story-section .section-top>p{color:#a2c1ae;padding-bottom:4px}.journey{display:grid;grid-template-columns:repeat(4,1fr);gap:33px;margin-top:55px}.journey article{position:relative}.journey article:not(:last-child):after{content:"→";color:#739e84;position:absolute;right:-16px;top:47px}.step-number{font-size:8px;letter-spacing:1.3px;color:#8bb59c;font-weight:650}.journey-icon{font-size:30px;color:#bed9c4;margin:19px 0 17px;font-weight:300}.journey h3{font-size:16px;font-weight:550;letter-spacing:-.2px}.journey p{font-size:11px;line-height:1.8;color:#a7c3b0;margin-top:10px;max-width:245px}.journey-meta{display:block;border-top:1px solid #37634b;font:9px monospace;color:#aacbb5;margin-top:23px;padding-top:15px}.demo-section{padding-top:85px;padding-bottom:65px}.demo-heading h2{font-size:48px;letter-spacing:-2px}.demo-heading>p{font-size:13px}.scenario-bar{margin-top:39px;border-top:1px solid var(--line);padding-block:19px;display:flex;align-items:center;gap:22px;flex-wrap:wrap}.scenario-title{font-size:10px;color:var(--muted);flex-shrink:0}.scenario-buttons{display:flex;flex-wrap:wrap;gap:7px}.scenario-buttons button{padding:9px 12px;border:1px solid #dfe8e1;border-radius:100px;font-size:10px;color:#4d6a58;background:#fff;transition:background .2s}.scenario-buttons button[aria-pressed=true]{background:var(--deep);color:white;border-color:var(--deep)}.scenario-buttons button:hover{border-color:#6b9c7d}.cabinet-shell{border:1px solid #dce7de;border-radius:22px;box-shadow:0 18px 50px #153a2410;overflow:hidden}.cabinet-top{padding:21px 26px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fafcf9}.cabinet-top>div{display:flex;gap:12px;align-items:center}.avatar{width:35px;height:35px;border-radius:50%;background:#e3efe5;display:grid;place-items:center;color:#326b48;font-size:12px}.cabinet-top strong{font-size:13px;font-weight:650}.cabinet-top small{display:block;color:#789081;font-size:9px;margin-top:5px}.demo-clock{font-size:9px;color:#567764;display:flex;align-items:center;gap:7px}.cabinet-body{display:grid;grid-template-columns:330px 1fr;min-width:0}.purchase-panel{padding:28px 26px;background:#fbfcfa;border-right:1px solid var(--line);min-width:0}.panel-caption{font-size:11px;font-weight:650;display:flex;align-items:center;gap:9px}.panel-caption>span{font:9px monospace;color:#91a695}.product-row{display:flex;gap:15px;margin-top:24px;align-items:center}.product-mini{width:55px;height:74px;border:1px solid #dde6de;background:white;border-radius:3px;padding:9px 7px;box-shadow:4px 5px 0 #edf2e9;transform:rotate(-5deg);flex-shrink:0;display:flex;flex-direction:column;justify-content:space-between}.product-mini>span{font-size:7px;font-weight:700}.product-mini i{display:block;height:3px;background:linear-gradient(90deg,#087d50,#b9dec2);width:100%}.product-mini b{font-size:20px;color:var(--green)}.product-row h3{font-size:14px;font-weight:600}.product-row p{font-size:9px;color:#789082;margin-block:6px}.mono{font:8px monospace;background:#edf3eb;color:#5e7a67;padding:4px 5px;border-radius:4px;overflow-wrap:anywhere}.divider{height:1px;background:var(--line);margin-block:26px}.purchase-panel h4{font-size:12px;font-weight:650}.form-intro{font-size:10px;line-height:1.65;color:#6f8677;margin-top:8px;margin-bottom:17px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}form label:not(.checkbox-label){display:block;font-size:9px;font-weight:550;color:#657c6c;margin-bottom:13px}input[type=number],input[type=date],select{margin-top:7px;width:100%;min-width:0;height:39px;border:1px solid #d9e5dc;border-radius:8px;background:white;color:#204a31;font-size:12px;padding:8px 10px}input[readonly]{background:#f2f6f0;color:#6b8071}input:disabled,select:disabled{opacity:.65}.checkbox-label{font-size:9px;line-height:1.6;display:flex;gap:8px;align-items:start;color:#526d5d;margin-block:2px 14px}.checkbox-label input{accent-color:var(--green);margin:2px 0 0;flex-shrink:0;width:14px;height:14px}.text-button{color:var(--green);font-size:10px;font-weight:650;background:transparent;padding:5px 0}.text-button:hover{text-decoration:underline}.recalculate{display:flex;justify-content:space-between;width:100%}.privacy-note{font-size:9px;line-height:1.65;color:#8a9d8e;margin-top:20px}.result-panel{padding:28px 30px;min-width:0}.forecast-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.small-chip{font-size:8px;color:#6c8976;border:1px solid #e1e9e0;border-radius:100px;padding:5px 8px}.forecast-main{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:20px}.forecast-value{font-size:45px;letter-spacing:-2px;line-height:1.15;font-weight:500}.forecast-value span{font-size:17px;color:#7b9181;letter-spacing:-.4px;margin-left:6px}.formula{font:10px monospace;color:#819486;margin-top:5px}.next-date{text-align:right}.next-date small{font-size:9px;color:#829587;display:block;margin-bottom:6px}.next-date strong{font-size:19px;color:var(--green);font-weight:550;letter-spacing:-.5px}.timeline{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:25px;padding-top:15px}.timeline:before{content:"";position:absolute;top:2px;left:4px;right:4px;height:2px;background:linear-gradient(90deg,#168d58 0%,#168d58 68%,#d6e5da 68%)}.timeline>div{position:relative;font-size:9px;color:#8b9a90;line-height:1.5}.timeline>div:before{content:"";position:absolute;top:-16px;width:7px;height:7px;background:#168d58;border-radius:50%}.timeline>div:last-child{text-align:right}.timeline>div:last-child:before{right:0;background:#d6e5da}.timeline>div:nth-child(2){text-align:center}.timeline>div:nth-child(2):before{left:50%;transform:translateX(-50%)}.timeline strong{display:block;color:#5b7764;font-size:10px;font-weight:550}.forecast-detail{font-size:9px;color:#829286;line-height:1.6;margin-top:13px}.supply-section{border-top:1px solid var(--line);margin-top:23px;padding-top:21px}.supply-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:11px;margin-top:14px}.supply-card{border:1px solid #e2e9e1;border-radius:10px;padding:13px;min-width:0}.supply-card.active{border-color:#b8d9c1;background:#f7fbf6}.supply-card .label{font-size:8px;color:#8c9b8f;letter-spacing:.5px;text-transform:uppercase}.supply-card strong{font-size:12px;display:block;margin-block:7px 5px;font-weight:550}.supply-card p{font-size:9px;color:#718677;line-height:1.5}.supply-card .mono{display:inline-block;margin-top:7px;font-size:7px}.good{color:var(--green)}.warn{color:#9a6420}.order-region{margin-top:20px}.order-card{padding:18px;background:linear-gradient(#f5fbf6,#f5fbf6) padding-box,linear-gradient(110deg,#8bc79c,#c1cbe7,#e8aec5,#badac3) border-box;border:1px solid transparent;border-radius:13px}.order-eyebrow{display:flex;align-items:center;gap:6px;font-size:8px;color:#438259;letter-spacing:.7px;font-weight:700;text-transform:uppercase}.order-card h3{font-size:17px;letter-spacing:-.5px;font-weight:600;margin-top:9px;line-height:1.3}.order-card .order-explain{font-size:10px;color:#6a8271;line-height:1.65;margin-top:7px}.allocation{display:flex;align-items:center;gap:7px;font:9px monospace;color:#486c54;margin-top:11px;flex-wrap:wrap}.allocation .id-tag{background:#e7f0e5;padding:5px 7px;border-radius:4px}.order-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px}.order-bottom>div{font-size:9px;color:#718778;line-height:1.6}.order-bottom>div strong{font-size:11px;color:#31583f;font-weight:600}.buy-button{padding:13px 19px;border-radius:100px;color:white;background:var(--green);font-size:12px;font-weight:650;white-space:nowrap}.buy-button:hover{background:#05613d}.buy-button:disabled{background:#809f8b;color:white}.persistent-demo{display:flex;gap:7px;align-items:start;margin-top:13px;color:#819387;font-size:9px;line-height:1.6}.persistent-demo>span{font-size:14px;line-height:1.2}.persistent-demo strong{font-weight:650;color:#617969}.notice{padding:16px 17px;border-radius:11px;background:#fbf6ec;border:1px solid #ebdfc7;color:#836135;font-size:11px;line-height:1.7}.notice h3{font-size:15px;font-weight:600;margin-bottom:5px;color:#715227}.error-message{color:#a14945;font-size:10px;line-height:1.6;margin-top:10px}.success-note{font-size:10px;color:#08774b;line-height:1.6;margin-top:10px}.arrival-button{margin-top:12px;display:block;width:100%;padding:10px 12px;background:white;border:1px solid #bfd7c5;border-radius:8px;color:#497158;font-size:10px;font-weight:600}.arrival-button:hover{background:#e6f2e7}.activity{border-top:1px solid var(--line);background:#fcfdfb;padding:20px 26px}.activity-title,.activity-title>div{display:flex;align-items:center;gap:9px}.activity-title{justify-content:space-between;gap:20px}.activity-title h3{font-size:11px;font-weight:600}.activity-title>div>span:last-child{font-size:8px;color:#8b9c8f}.live-dot{height:6px;width:6px;display:block;border-radius:50%;background:#68ab78;box-shadow:0 0 0 3px #e9f4e7}.activity ol{padding:0;margin:15px 0 0;list-style:none;display:grid;gap:10px}.activity li{display:grid;grid-template-columns:55px 1fr;gap:10px;font-size:10px;line-height:1.6;color:#6a8071;align-items:baseline}.event-time{font:8px monospace;color:#9aaa9d}.event-title{color:#365d43;font-weight:550}.boundaries{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-block:40px 70px;border-top:1px solid var(--line);margin-top:10px}.boundaries h2{font-size:33px;letter-spacing:-1px}.boundaries>div>p{font-size:12px;line-height:1.8;color:#789080;margin-top:20px}.boundaries .eyebrow{font-size:9px;margin-top:9px}.boundary-list article{display:flex;gap:19px;padding-block:19px;border-bottom:1px solid var(--line)}.boundary-list article:first-child{padding-top:0}.boundary-list article>span{font:10px monospace;color:#91aa98;margin-top:4px}.boundary-list h3{font-size:13px;font-weight:600}.boundary-list p{font-size:10px;line-height:1.8;color:#789080;margin-top:7px}.closing{display:flex;align-items:center;gap:24px;padding:35px 38px;border-radius:18px;background:#f0f7ee;margin-bottom:50px}.closing-mark{font-size:44px;color:#9fc8a8;font-weight:300}.closing p{font-size:11px;color:#6e8d77;margin-bottom:8px}.closing h2{font-size:23px;font-weight:500;letter-spacing:-.6px}.closing .button{margin-left:auto;flex-shrink:0}.footer{display:flex;justify-content:space-between;gap:25px;font-size:9px;color:#889c8c;border-top:1px solid var(--line);padding-block:23px 30px;line-height:1.8}.footer-dot{margin-inline:9px}.skip{position:fixed;left:16px;top:-100px;z-index:10;padding:12px;background:white;border:2px solid var(--green)}.skip:focus{top:15px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.instruction{margin-bottom:17px;padding:11px 12px;background:#edf4eb;border-radius:8px;font-size:9px;color:#637b6a;line-height:1.7}.instruction summary{font-weight:650;color:#3a6d4d;cursor:pointer}.instruction p{margin-top:7px}.instruction strong{font-weight:650}.locked-note{font-size:9px;line-height:1.6;color:#6c8374;background:#edf5eb;padding:9px 11px;border-radius:6px;margin-top:11px}
@media(min-width:1450px){.hero h1{font-size:70px}.hero{gap:60px}}
@media(max-width:1100px){.wrap{width:calc(100% - 48px)}.header nav{gap:20px}.hero{gap:15px;padding-top:55px}.hero h1{font-size:54px;letter-spacing:-2.5px}.hero-visual{height:430px}.hero-package{left:10%;width:205px;height:273px}.stock-float{width:155px;right:-5px}.refill-float{left:5%;width:95%;padding:17px}.principles{gap:20px}.cabinet-body{grid-template-columns:300px 1fr}.purchase-panel{padding:24px 20px}.result-panel{padding:24px}.journey{gap:24px}.closing h2{font-size:20px}.boundaries{gap:45px}.order-bottom{align-items:start;flex-direction:column}.buy-button{width:100%}}
@media(max-width:800px){.header{height:85px}.header nav{display:none}.hero{grid-template-columns:1fr 1fr;gap:8px;min-height:auto;padding-block:50px}.hero h1{font-size:42px;letter-spacing:-2px}.hero-lead{font-size:14px}.hero .eyebrow{font-size:8px;letter-spacing:.9px}.hero .button{font-size:11px;padding:14px 17px;gap:13px}.hero-visual{height:365px}.hero-package{top:65px;left:12%;width:165px;height:230px;padding:18px}.hero-package>strong{font-size:23px;margin-top:19px}.package-bottom>span:first-child{font-size:32px}.package-top>span{font-size:5px;letter-spacing:.5px}.package-top svg{width:22px}.stock-float{width:134px;padding:12px;top:123px;right:-2px}.stock-float strong{font-size:27px}.stock-float svg{width:36px}.tiny-label{font-size:6px}.refill-float{padding:13px;gap:8px;bottom:12px}.refill-icon{width:30px;height:34px;font-size:24px}.refill-float strong{font-size:10px}.refill-float small{font-size:7px}.float-tag{font-size:9px;top:12px;left:13%;padding:10px}.tag-arrow{margin-left:14px}.float-check{display:none}.hero-foot{font-size:8px;gap:5px}.principles{margin-bottom:45px;gap:16px}.principles>div{gap:10px}.principles p{font-size:10px}.section-top h2{font-size:34px}.section-top>p{font-size:11px}.journey{grid-template-columns:1fr 1fr;gap:32px}.journey article:nth-child(2):after{display:none}.journey p{max-width:none}.demo-heading h2{font-size:42px}.cabinet-body{grid-template-columns:260px 1fr}.purchase-panel{padding:24px 18px}.result-panel{padding:24px 18px}.forecast-head{flex-wrap:wrap}.small-chip{display:none}.forecast-value{font-size:37px}.next-date strong{font-size:15px}.next-date small{font-size:8px}.supply-grid{grid-template-columns:1fr}.order-card{padding:14px}.order-card h3{font-size:15px}.activity-title>div>span:last-child{display:none}.boundaries h2{font-size:27px}.boundaries{gap:30px}.closing{padding:28px 24px;gap:17px}.closing-mark{display:none}.closing h2{font-size:19px}.closing .button{font-size:11px;padding:14px 17px}.demo-clock{font-size:8px}.brand{font-size:20px}.header-demo{font-size:11px}}
@media(max-width:600px){.wrap{width:calc(100% - 36px)}.header{height:76px;gap:12px}.brand{font-size:18px;gap:5px;letter-spacing:-.5px}.brand-icon{width:31px;height:31px}.header-demo{padding:10px 12px;font-size:10px}.header-demo span{margin-left:7px}.hero{grid-template-columns:1fr;padding-top:37px;padding-bottom:30px;gap:26px}.hero h1{font-size:49px;letter-spacing:-2.5px;line-height:1.04}.hero .eyebrow{font-size:8px;letter-spacing:1.2px;margin-bottom:19px}.hero-lead{font-size:14px;margin-top:20px;line-height:1.7}.hero-actions{gap:11px;margin-top:23px}.hero .button{padding:15px 20px;font-size:12px}.small-note{font-size:8px}.hero-foot{font-size:9px;margin-top:21px;gap:5px}.hero-visual{width:100%;height:370px;max-width:420px;margin:auto}.hero-package{left:15%;top:57px;width:185px;height:245px;padding:20px}.hero-package>strong{font-size:26px}.stock-float{right:2%;top:116px;width:145px;padding:13px}.stock-float strong{font-size:33px}.refill-float{left:8%;bottom:19px;width:90%;padding:15px;gap:10px}.refill-float strong{font-size:11px}.refill-float small{font-size:8px}.refill-icon{width:34px;height:37px}.float-tag{top:0;left:18%;font-size:10px}.visual-caption{bottom:-3px}.principles{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:33px;padding-block:22px;position:relative}.principles>div{gap:14px}.principles p{font-size:11px}.principles p br{display:none}.principles p strong{margin-left:5px}.round-link{position:absolute;right:0;bottom:28px}.story-section{padding-block:42px}.section-top{display:block}.section-top h2{font-size:33px;letter-spacing:-1.2px}.section-top>p{margin-top:20px;font-size:12px;line-height:1.8}.eyebrow{font-size:8px;margin-bottom:20px}.journey{margin-top:35px;gap:30px 20px}.journey-icon{font-size:27px;margin-block:15px}.journey h3{font-size:14px;line-height:1.4}.journey p{font-size:10px;line-height:1.7}.step-number{font-size:7px}.journey-meta{font-size:8px;margin-top:17px;padding-top:11px;line-height:1.5}.journey article:not(:last-child):after{right:-13px;top:43px;font-size:13px}.demo-section{padding-top:48px;padding-bottom:39px}.demo-heading h2{font-size:42px}.demo-heading>p{font-size:12px}.scenario-bar{margin-top:25px;gap:12px;padding-block:17px}.scenario-buttons{gap:6px}.scenario-buttons button{font-size:9px;padding:8px 11px}.scenario-title{font-size:9px}.cabinet-shell{border-radius:15px}.cabinet-top{padding:17px;display:block}.cabinet-top small{font-size:9px}.demo-clock{margin-top:15px;font-size:9px}.cabinet-body{grid-template-columns:1fr}.purchase-panel{border-right:0;border-bottom:1px solid var(--line);padding:23px 20px}.product-row{margin-top:19px}.divider{margin-block:23px}.purchase-panel h4{font-size:13px}.form-intro{font-size:11px}.field-row{gap:13px}form label:not(.checkbox-label){font-size:10px}input[type=number],input[type=date],select{height:43px;font-size:16px}.checkbox-label{font-size:10px;line-height:1.6}.checkbox-label input{width:16px;height:16px}.recalculate{font-size:11px;padding-block:7px}.privacy-note{font-size:9px;margin-top:15px}.result-panel{padding:24px 20px}.panel-caption{font-size:11px}.forecast-main{gap:10px}.forecast-value{font-size:40px}.next-date strong{font-size:18px}.next-date small{font-size:8px}.formula{font-size:9px}.timeline{margin-top:24px}.timeline>div{font-size:8px}.timeline strong{font-size:9px}.forecast-detail{font-size:9px}.supply-grid{grid-template-columns:.85fr 1.15fr;gap:8px}.supply-card{padding:11px}.supply-card strong{font-size:11px}.supply-card p{font-size:9px}.supply-card .label{font-size:7px}.supply-card .mono{font-size:6px}.order-card{padding:16px}.order-card h3{font-size:17px}.order-explain{font-size:10px}.order-bottom{gap:12px;margin-top:13px}.buy-button{font-size:13px;padding:14px}.persistent-demo{font-size:9px}.activity{padding:19px 20px}.activity-title{align-items:start;gap:13px}.activity-title>div{gap:6px}.activity-title h3{font-size:10px;white-space:nowrap}.activity-title .text-button{font-size:8px;text-align:right;padding:0;line-height:1.5;max-width:115px}.activity li{grid-template-columns:36px 1fr;gap:8px;font-size:9px}.event-time{font-size:7px}.boundaries{grid-template-columns:1fr;gap:30px;margin-top:0;padding-block:30px 38px}.boundaries h2{font-size:29px}.boundaries>div>p{font-size:12px;margin-top:17px}.boundary-list article{gap:16px;padding-block:17px}.boundary-list h3{font-size:13px}.boundary-list p{font-size:11px}.closing{padding:25px;display:block;margin-bottom:30px}.closing h2{font-size:25px;line-height:1.2;letter-spacing:-.7px}.closing p{font-size:11px}.closing .button{margin-top:21px}.footer{font-size:8px;display:block;padding-block:20px 24px}.footer>span{display:block}.footer>span+span{margin-top:5px}.instruction{font-size:10px}.notice{font-size:11px}.desktop-br{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Small screens preserve reading size; layouts reflow instead of shrinking copy. */
.hero-visual{overflow:hidden}.visual-caption{bottom:0}
@media(max-width:600px){.header-demo{font-size:12px}.hero .eyebrow,.eyebrow,.step-number{font-size:10px}.hero .button,.button{font-size:14px;padding:15px 18px}.hero-actions{align-items:start;flex-direction:column}.small-note,.hero-foot{font-size:11px}.hero-foot{gap:4px}.principles p{font-size:12px}.principles p br{display:block}.principles p strong{margin-left:0}.principles{padding-right:40px}.journey{grid-template-columns:1fr}.journey article:not(:last-child):after{display:none}.journey h3{font-size:17px}.journey p,.journey-meta{font-size:12px}.journey-icon{margin-block:12px}.scenario-title{font-size:12px}.scenario-buttons button{font-size:12px;min-height:40px;padding:9px 13px}.cabinet-top strong{font-size:15px}.cabinet-top small,.demo-clock{font-size:12px}.cabinet-top small{line-height:1.5}.panel-caption{font-size:13px}.panel-caption>span{font-size:10px}.product-row h3{font-size:16px}.product-row p,.mono{font-size:10px}.form-intro,.instruction,.privacy-note,.checkbox-label,form label:not(.checkbox-label){font-size:12px}.purchase-panel h4{font-size:15px}.recalculate{font-size:14px;min-height:40px}.next-date small{font-size:12px;max-width:140px;line-height:1.5}.next-date strong{font-size:18px}.forecast-value{font-size:37px}.formula{font-size:11px}.timeline>div,.timeline strong{font-size:10px}.forecast-detail{font-size:12px}.supply-grid{grid-template-columns:1fr}.supply-card{padding:14px}.supply-card .label{font-size:10px}.supply-card strong{font-size:15px}.supply-card p{font-size:12px}.supply-card .mono{font-size:10px}.order-eyebrow{font-size:10px;line-height:1.5}.order-card .order-explain{font-size:12px}.allocation{font-size:10px;gap:6px}.order-bottom>div,.order-bottom>div strong{font-size:12px}.buy-button{font-size:14px}.persistent-demo,.success-note,.error-message,.locked-note,.notice{font-size:12px}.notice h3{font-size:17px}.arrival-button{font-size:12px;padding:13px}.activity-title{flex-wrap:wrap}.activity-title h3{font-size:14px}.activity-title .text-button{max-width:none;font-size:12px;min-height:35px;text-align:left}.activity li{font-size:12px;grid-template-columns:1fr;gap:2px}.event-time{font-size:10px}.boundary-list h3{font-size:15px}.boundary-list p,.boundaries>div>p{font-size:12px}.closing .button{font-size:14px}.footer{font-size:11px}}