:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--forest:#0d3b22;--forest-2:#164b2b;--forest-soft:#245a36;--moss:#678b45;--leaf:#98b94e;--cream:#fbf6e8;--cream-2:#efe6cf;--paper:#fffdf5;--bark:#7e6340;--text:#142d1d;--muted:#5f6f5c;--line:#142d1d24;--glass:#fffdf5a8;--glass-strong:#fffdf5d1;--shadow:0 24px 60px #11301c24;--soft-shadow:0 18px 42px #11301c1a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{color:var(--text);background:radial-gradient(circle at 12% 16%,#79aa7157,#0000 32rem),radial-gradient(circle at 88% 30%,#41795547,#0000 36rem),radial-gradient(circle at 50% 92%,#e5e8be52,#0000 30rem),linear-gradient(#eef4df 0%,#dfead1 42%,#f7f1df 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body:before{content:"";z-index:-1;pointer-events:none;opacity:.38;background-color:#0000;background-image:linear-gradient(115deg,#0000 0 46%,#0d3b2209 46.2% 46.8%,#0000 47%),linear-gradient(65deg,#0000 0 55%,#0d3b2208 55.2% 55.8%,#0000 56%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:180px 180px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0}.app{min-height:100vh;position:relative}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.glass-panel{box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#fffdf5c7,#fffdf585);border:1px solid #ffffff94}.top-nav{z-index:50;-webkit-backdrop-filter:blur(22px)saturate(130%);backdrop-filter:blur(22px)saturate(130%);background:#25563952;border-bottom:1px solid #ffffff38;grid-template-columns:1fr auto auto;align-items:center;gap:24px;padding:8px clamp(18px,6vw,110px);display:grid;position:sticky;top:0;box-shadow:0 12px 34px #11301c1f}.logo{width:fit-content;color:var(--forest);align-items:center;gap:12px;font-size:1.35rem;font-weight:900;text-decoration:none;display:inline-flex}.logo-leaf,.button-leaf,.tiny-leaf{background:linear-gradient(135deg,#295f35,#0d3b22);border-radius:90% 0;width:24px;height:30px;display:inline-block;transform:rotate(18deg)}.button-leaf{background:linear-gradient(135deg,#dff4a3,#8fb451);width:16px;height:20px}.nav-links{align-items:center;gap:28px;display:flex}.nav-links a{font-weight:760;text-decoration:none}.logo,.nav-links a{color:#f7f3df;text-shadow:0 2px 10px #0d3b2259}.nav-links a:hover{color:#dff4a3}.nav-button,.primary-btn,.ghost-btn{border:0;border-radius:999px;min-height:44px;padding:11px 20px;font-weight:850;transition:transform .2s,box-shadow .2s,background .2s}.nav-button,.primary-btn{color:#fff;background:linear-gradient(#124626,#0b321d);justify-content:center;align-items:center;gap:10px;display:inline-flex;box-shadow:0 14px 28px #0d3b2238}.ghost-btn{color:var(--forest);background:#fffdf5a8;border:1px solid #0d3b2233}.nav-button:hover,.primary-btn:hover,.ghost-btn:hover{transform:translateY(-2px)}.hero{background-image:url(/assets/hero-page-Ddbt7Ydu.png);background-position:50%;background-repeat:no-repeat;background-size:cover;align-items:center;min-height:calc(100vh - 72px);display:grid;position:relative;overflow:hidden}.hero:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(90deg,#fcf8ebd6 0%,#fcf8eb9e 24%,#fcf8eb38 46%,#fcf8eb05 68%),linear-gradient(#0d3b220a 0%,#0d3b2205 45%,#0d3b2238 100%);position:absolute;inset:0}.hero:after{content:none}.hero-inner{z-index:2;width:min(1280px,100% - 40px);margin:0 auto;padding:clamp(70px,11vh,130px) 0;position:relative}.hero-text-block{max-width:560px;color:var(--forest);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;padding:0;position:relative}.hero-text-block h1{color:var(--forest);letter-spacing:-.035em;text-shadow:0 10px 34px #fffdf5b3;margin:18px 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(3.8rem,7vw,6.4rem);line-height:.94}.hero-text-block p{color:#213d2a;text-shadow:0 8px 22px #fffdf5bf;max-width:480px;margin:0;font-size:clamp(1rem,1.35vw,1.18rem);font-weight:520;line-height:1.58}.control-buttons,.story-controls{flex-wrap:wrap;gap:14px;display:flex}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.hero .section-pill{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdf5c2;border:1px solid #0d3b221f;box-shadow:0 10px 24px #11301c14}.hero-leaf-field{z-index:3;pointer-events:none;position:fixed;inset:0;overflow:hidden}.falling-leaf{opacity:.42;transform-origin:50% 72%;background:radial-gradient(circle at 32% 26%,#ffee8b8c,#0000 34%),linear-gradient(135deg,#b99a32e6,#799639c7 55%,#3d5f2cb3);border-radius:76% 8% 70% 12%;width:18px;height:28px;animation:linear infinite heroLeafFall;position:absolute;top:-12vh;box-shadow:inset -4px -6px 8px #2b412029,0 8px 14px #11301c1f}.falling-leaf:after{content:"";background:#2f472142;width:1px;height:72%;position:absolute;top:12%;left:50%;transform:rotate(10deg)}.leaf-1{animation-duration:20s;animation-delay:-9s;left:11%}.leaf-2{opacity:.24;width:14px;height:23px;animation-duration:27s;animation-delay:-17s;left:22%}.leaf-3{opacity:.28;width:20px;height:31px;animation-duration:24s;animation-delay:-5s;left:36%}.leaf-4{opacity:.22;width:15px;height:24px;animation-duration:31s;animation-delay:-23s;left:50%}.leaf-5{opacity:.3;width:23px;height:35px;animation-duration:26s;animation-delay:-13s;left:62%}.leaf-6{opacity:.22;filter:blur(.3px);width:16px;height:25px;animation-duration:34s;animation-delay:-27s;left:73%}.leaf-7{opacity:.24;width:13px;height:21px;animation-duration:32s;animation-delay:-21s;left:8%}.leaf-8{opacity:.3;width:16px;height:25px;animation-duration:28s;animation-delay:-7s;left:18%}.leaf-9{opacity:.26;width:14px;height:23px;animation-duration:35s;animation-delay:-15s;left:43%}.leaf-10{opacity:.34;width:20px;height:31px;animation-duration:30s;animation-delay:-4s;left:58%}.leaf-11{opacity:.25;width:15px;height:24px;animation-duration:37s;animation-delay:-25s;left:76%}.leaf-12{opacity:.28;width:18px;height:28px;animation-duration:33s;animation-delay:-12s;left:91%}@keyframes heroLeafFall{0%{transform:translateY(-12vh)rotate(-18deg)}28%{transform:translate(-26px,28vh)rotate(46deg)}62%{transform:translate(32px,68vh)rotate(136deg)}to{opacity:.08;transform:translate(-18px,114vh)rotate(246deg)}}.quick-links{z-index:2;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:min(1180px,100% - 40px);margin:28px auto 0;display:grid;position:relative}.quick-card{min-height:142px;color:var(--forest);border-radius:22px;grid-template-rows:auto 1fr;grid-template-columns:auto 1fr;align-items:start;gap:8px 14px;padding:22px;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:grid}.quick-card:hover{transform:translateY(-3px);box-shadow:0 24px 48px #11301c26}.quick-card strong{font-size:1.08rem;line-height:1.2}.quick-card>span:last-child{color:var(--muted);grid-column:2;font-weight:680;line-height:1.45}.quick-icon{background:linear-gradient(135deg,#edf4d6,#d5e8b4);border:1px solid #0d3b221f;border-radius:13px;grid-row:1/span 2;width:42px;height:42px;position:relative;box-shadow:inset 0 0 0 1px #ffffff94}.quick-icon:before,.quick-icon:after{content:"";position:absolute}.quick-icon-note:before{background:var(--forest-soft);border-radius:80% 0;width:16px;height:22px;top:10px;left:13px;transform:rotate(18deg)}.quick-icon-story:before{border:3px solid var(--forest-soft);border-radius:6px;width:20px;height:22px;top:10px;left:11px}.quick-icon-story:after{background:var(--forest-soft);width:8px;height:3px;box-shadow:0 7px 0 var(--forest-soft);border-radius:999px;top:16px;left:17px}.quick-icon-prototype:before{border:3px solid var(--forest-soft);border-radius:5px;width:18px;height:25px;top:8px;left:12px}.quick-icon-prototype:after{background:#78d889;border-radius:50%;width:7px;height:7px;top:17px;left:18px;box-shadow:0 0 12px #78d889e6}.section-pill{width:fit-content;color:var(--forest);text-transform:uppercase;letter-spacing:.04em;background:#0d3b2214;border-radius:999px;align-items:center;gap:8px;padding:7px 11px;font-size:.82rem;font-weight:900;display:inline-flex}.today-note-card,.notice-card,.story-view,.control-panel,.hidden-layer-card,.feedback-form,.saved-feedback{-webkit-backdrop-filter:blur(26px)saturate(150%);backdrop-filter:blur(26px)saturate(150%);background:linear-gradient(135deg,#fffdf594,#d9ecd242);border:1px solid #ffffff8c;border-radius:24px;box-shadow:0 26px 60px #11301c2e,inset 0 1px #ffffff94,inset 0 -1px #0d3b221f}.page-section{width:min(1180px,100% - 40px);margin:0 auto;padding:52px 0 88px;scroll-margin-top:0;position:relative}.page-section:before{content:"";-webkit-backdrop-filter:blur(20px)saturate(145%);backdrop-filter:blur(20px)saturate(145%);pointer-events:none;z-index:0;background:linear-gradient(135deg,#21593b4d,#5b896033,#fffdf514);border:1px solid #ffffff59;border-radius:34px;position:absolute;inset:18px -42px 24px;box-shadow:0 28px 70px #11301c2e,inset 0 1px #ffffff73,inset 0 -1px #0d3b222e}.page-section>*{z-index:1;position:relative}.section-heading{max-width:780px;margin-bottom:24px}.qr-section .section-heading,.feedback-section .section-heading{margin-bottom:34px}.section-heading h2{color:var(--forest);letter-spacing:-.03em;margin:10px 0 8px;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.1rem,3.6vw,3.6rem);line-height:1}.section-heading p{color:var(--muted);margin:0;font-size:1.08rem}.section-note,.prototype-note{color:var(--muted);margin-top:12px;font-size:.95rem;font-weight:650;line-height:1.5}.prototype-note{background:#f7f0dfb8;border:1px solid #0d3b221a;border-radius:14px;padding:12px 14px}.note-layout,.prototype-layout,.feedback-layout{grid-template-columns:1fr 1fr;align-items:start;gap:22px;display:grid}.today-note-card,.notice-card{padding:26px}.lcd-mini{color:#102316;background:linear-gradient(#97ae7721 50%,#0000 50%) 0 0/100% 9px,linear-gradient(135deg,#aabd82,#788e65);border:7px solid #17331f;border-radius:14px;gap:8px;min-height:170px;padding:22px;display:grid;box-shadow:inset 0 0 18px #0d221380}.lcd-mini span{text-transform:uppercase;letter-spacing:.08em;color:#1023169e;font-size:.82rem;font-weight:900}.lcd-mini strong{max-width:410px;font-size:1.5rem;line-height:1.25}.today-note-card p{color:var(--muted)}.notice-card h3{color:var(--forest);margin:0 0 16px;font-size:1.35rem}.notice-card ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.notice-card li{color:#2b432f;background:#f8f3e4bd;border-radius:14px;padding:14px 14px 14px 42px;font-weight:750;position:relative}.notice-card li:before{content:"";background:var(--moss);border-radius:90% 0;width:13px;height:17px;position:absolute;top:17px;left:16px;transform:rotate(18deg)}.story-grid{grid-template-columns:1fr .85fr;gap:22px;display:grid}.story-view{grid-template-rows:300px auto auto;gap:18px;min-height:470px;padding:24px;display:grid}.story-view h3{color:var(--forest);margin:6px 0 8px;font-size:1.65rem}.story-view p{color:var(--muted);margin:0}.step-count{color:var(--moss);font-weight:900}.story-illustration{background:#e4eccf;border-radius:18px;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 34px #11301c2e}.story-illustration:before,.story-illustration:after{content:none}.story-illustration img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.step-card-list{gap:12px;display:grid}.step-card{min-height:72px;color:var(--forest);text-align:left;-webkit-backdrop-filter:blur(22px)saturate(145%);backdrop-filter:blur(22px)saturate(145%);background:linear-gradient(135deg,#fffdf56b,#c9e2c638);border:1px solid #ffffff6b;border-radius:18px;grid-template-columns:40px 1fr;align-items:center;gap:12px;padding:12px;font-weight:850;display:grid;box-shadow:0 14px 30px #11301c1f,inset 0 1px #ffffff80,inset 0 -1px #0d3b221f}.step-card span{background:#e2ebcf;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.step-card.active{background:linear-gradient(135deg,#dfef93bd,#5379306b);border-color:#e5f4a2b8;box-shadow:0 18px 38px #11301c38,inset 0 1px #ffffff9e,inset 0 -1px #0d3b222e}.prototype-layout{grid-template-columns:minmax(320px,.95fr) 1fr;align-items:center}.prototype-layout .marker-wrap{align-self:start;position:sticky;top:96px}.marker-wrap{perspective:1100px;place-items:center;min-height:470px;display:grid;position:relative}.tree-bark{background:linear-gradient(90deg,#2a1b0db8,#8e673abd,#2a1b0dd1),repeating-linear-gradient(90deg,#ffffff1f 0 2px,#0000 2px 18px);border-radius:36px;width:190px;height:100%;position:absolute;top:0;right:9%;box-shadow:inset 20px 0 35px #00000040}.marker-box{z-index:2;background:radial-gradient(circle at 18% 18%,#ffffffad,#0000 12rem),linear-gradient(135deg,#efdfb6,#d6bd86);border:10px solid #98784c;border-radius:18px;width:min(370px,100%);padding:62px 22px 22px;transition:box-shadow .25s,transform .25s;position:relative;box-shadow:inset 0 0 0 2px #ffffff40,inset 0 -18px 34px #5d411d29,0 30px 44px #162b1957}.marker-box.cue-active{box-shadow:inset 0 0 0 2px #ffffff40,inset 0 -18px 34px #5d411d29,0 30px 44px #162b1957,0 0 74px #60ff8473}.solar-panel{background:#1d2f3a;border:4px solid #80623d;border-radius:10px;grid-template-columns:repeat(4,1fr);gap:4px;height:38px;padding:5px;display:grid;position:absolute;top:14px;left:28px;right:28px;transform:perspective(250px)rotateX(18deg)}.solar-panel span{background:linear-gradient(135deg,#314d65,#111c24);border-radius:3px;box-shadow:inset 0 0 0 1px #ffffff1f}.screw{z-index:3;background:radial-gradient(circle at 35% 32%,#f6f6e8 0 18%,#657066 19% 42%,#25382b 43% 100%);border-radius:50%;width:15px;height:15px;position:absolute}.top-left{top:72px;left:13px}.top-right{top:72px;right:13px}.bottom-left{bottom:13px;left:13px}.bottom-right{bottom:13px;right:13px}.marker-label{color:var(--forest);justify-content:center;align-items:center;gap:10px;margin-bottom:22px;font-size:1.85rem;font-weight:900;display:flex}.tiny-leaf{width:20px;height:26px}.marker-main{grid-template-columns:46px 1fr;align-items:center;gap:14px;display:grid}.led{opacity:.38;background:#87927a;border-radius:50%;width:28px;height:28px;margin:0 auto;box-shadow:inset 0 0 6px #14231959}.led.ready{opacity:.75;background:#8be59a;box-shadow:0 0 12px #8be59aa6,0 0 28px #8be59a47}.led.pulse{opacity:1;background:#63ff86;animation:.7s ease-in-out infinite strongPulse;box-shadow:0 0 28px #8dffad,0 0 70px #62ff85f2,0 0 120px #62ff8585}@keyframes strongPulse{0%,to{transform:scale(1);box-shadow:0 0 18px #8dffad,0 0 42px #62ff85b8}50%{transform:scale(1.22);box-shadow:0 0 30px #d4ffdc,0 0 82px #62ff85eb}}.lcd-screen{color:#102316;background:linear-gradient(#97ae7724 50%,#0000 50%) 0 0/100% 8px,linear-gradient(135deg,#aabd82,#788e65);border:6px solid #152d1b;border-radius:11px;place-items:center;min-height:106px;padding:5px;font-size:1.12rem;font-weight:850;display:grid;overflow:hidden;box-shadow:inset 0 0 16px #0d221394}.lcd-screen:not(.show):after{content:"";opacity:.55;background:linear-gradient(#14231914 50%,#0000 50%) 0 0/100% 8px,linear-gradient(135deg,#52614f,#3f4d3e);border-radius:5px;width:100%;height:100%;min-height:90px;box-shadow:inset 0 0 22px #08120bb3}.lcd-screen.show{box-shadow:inset 0 0 16px #0d221394,0 0 24px #d7eca373}.lcd-screen img{object-fit:cover;border-radius:5px;width:100%;height:100%;min-height:90px;display:block}.lcd-blank{opacity:0;pointer-events:none;position:absolute}.marker-footer{grid-template-columns:1fr auto 92px;align-items:center;gap:12px;margin-top:22px;display:grid}.marker-footer p{color:#263a27;margin:0;font-weight:800}.scan-arrow{color:#263a27;font-size:1.45rem;font-weight:900}.qr-code{aspect-ratio:1;background:linear-gradient(90deg,#17281c 12px,#0000 12px 20px,#17281c 20px 34px,#0000 34px),linear-gradient(#17281c 12px,#0000 12px 20px,#17281c 20px 34px,#0000 34px),repeating-linear-gradient(45deg,#17281c 0 5px,#fbf6e8 5px 10px);border:5px solid #17281c;border-radius:5px;width:92px;box-shadow:inset 0 0 0 5px #fbf6e8}.control-panel{padding:28px}.control-panel h3{color:var(--forest);margin:0 0 8px;font-size:1.45rem}.control-panel p{color:var(--muted)}.prototype-instruction{color:var(--forest);background:#f7f0dfb8;border:1px solid #0d3b221f;border-radius:18px;margin:0 0 18px;padding:15px 16px;font-weight:760;line-height:1.45}.prototype-status{background:linear-gradient(135deg,#eef6d7db,#fbf6e8cc);border:1px solid #0d3b2224;border-radius:18px;gap:4px;margin-bottom:18px;padding:16px;display:grid;box-shadow:0 12px 22px #11301c12}.prototype-status span{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.82rem;font-weight:900}.prototype-status strong{color:var(--forest);font-size:1.25rem}.step-action{justify-content:center;align-items:center;gap:9px;display:inline-flex}.step-action span{width:24px;height:24px;color:var(--forest);background:#fffdf5db;border-radius:50%;flex:none;place-items:center;font-size:.82rem;font-weight:900;display:grid}.reset-btn{background:#fffdf5c7}.message-picker{border:1px solid var(--line);background:#f8f3e49e;border-radius:18px;margin-top:22px;padding:16px}.message-picker h4{color:var(--forest);margin:0 0 12px;font-size:1rem}.message-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.message-option{min-height:44px;color:var(--forest);text-align:left;background:#fffdf5c2;border:1px solid #0d3b2229;border-radius:12px;padding:10px 12px;font-weight:850}.message-option.active{background:linear-gradient(135deg,#ecf5d1,#d5e7ad);border-color:#0d3b226b;box-shadow:0 10px 20px #11301c1f}.state-list{gap:10px;margin-top:22px;display:grid}.state-list span{color:var(--forest);background:#f7f0dfb8;border-radius:14px;padding:12px 14px 12px 38px;font-weight:800;position:relative}.state-list span:before{content:"";background:#b8bca3;border-radius:50%;width:10px;height:10px;position:absolute;top:17px;left:14px}.state-list span.on:before{background:#74ff94;box-shadow:0 0 16px #74ff94cc}.hidden-layer-card{justify-content:space-between;align-items:center;gap:18px;padding:24px;display:flex}.hidden-layer-card p{color:var(--muted);margin:0;font-weight:750}.real-phone-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:38px;padding-bottom:80px;display:grid}.real-phone-card{justify-items:center;gap:14px;width:100%;max-width:330px;margin:0 auto;transition:transform .25s;display:grid;overflow:visible}.real-phone-card:hover{transform:translateY(-8px)}.real-phone-card img{object-fit:contain;object-position:center;clip-path:inset(2.8% 25% 6.1% round 46px);filter:drop-shadow(0 24px 30px #11301c3d);width:166%;max-width:none;height:610px;transition:filter .25s,transform .25s;display:block}.real-phone-card:hover img{filter:drop-shadow(0 32px 34px #11301c4d);transform:scale(1.015)}.real-phone-card span{color:var(--forest);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdf5f0;border:1px solid #0d3b221f;border-radius:999px;margin-top:-44px;padding:8px 14px;font-weight:850;display:inline-flex;box-shadow:0 10px 22px #11301c14}.feedback-layout{grid-template-columns:1.05fr .95fr;padding-bottom:90px}.feedback-form{gap:16px;padding:24px;display:grid}.feedback-form label{color:var(--forest);gap:7px;font-weight:850;display:grid}.feedback-form input,.feedback-form textarea{width:100%;color:var(--text);background:#fffdf5c7;border:1px solid #0d3b2229;border-radius:14px;outline:none;padding:13px 14px}.feedback-form textarea{resize:vertical;min-height:86px}.feedback-form input:focus,.feedback-form textarea:focus{border-color:#0d3b227a;box-shadow:0 0 0 4px #98b94e33}.saved-feedback{min-height:280px;padding:24px}.saved-feedback strong{color:var(--forest);margin-bottom:16px;font-size:1.08rem;display:block}.saved-feedback p{color:var(--muted);margin:0}.saved-feedback pre{white-space:pre-wrap;color:#243d29;background:#f8f3e4c2;border-radius:14px;margin:0;padding:16px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.55;overflow:auto}@media (width<=1040px){.top-nav{grid-template-columns:1fr}.nav-links{flex-wrap:wrap}.hero{background-position:58%;min-height:calc(100vh - 132px)}.hero:before{background:linear-gradient(90deg,#fcf8ebdb 0%,#fcf8eb9e 48%,#fcf8eb29 100%),linear-gradient(#0c26171a 0%,#0c261724 100%)}.quick-links{grid-template-columns:1fr;margin-top:22px}.note-layout,.story-grid,.prototype-layout,.feedback-layout{grid-template-columns:1fr}.prototype-layout .marker-wrap{position:relative;top:auto}.real-phone-grid{grid-template-columns:1fr}}@media (width<=680px){.top-nav{gap:14px;padding:14px 18px}.nav-links{gap:12px}.nav-button{width:100%}.hero-text-block h1{font-size:clamp(3.1rem,16vw,4.4rem)}.quick-links{width:min(100% - 28px,1180px)}.quick-card{min-height:128px;padding:18px}.page-section{width:min(100% - 28px,1180px);padding-top:72px}.marker-wrap{min-height:430px}.tree-bark{width:118px;right:0}.marker-main,.marker-footer{grid-template-columns:1fr;justify-items:start}.led{margin:0}.message-options{grid-template-columns:1fr}.story-view{grid-template-rows:220px auto auto}.hidden-layer-card{display:grid}.top-nav{grid-template-columns:1fr;gap:10px;padding:10px 18px}.logo{font-size:1.2rem}.nav-links{grid-template-columns:repeat(2,1fr);gap:8px 12px;display:grid}.nav-links a{font-size:.95rem}.nav-button{width:100%;min-height:42px;padding:10px 18px}.hero{background-position:72%;min-height:auto}.hero:before{background:linear-gradient(90deg,#fcf8ebe6 0%,#fcf8ebbd 58%,#fcf8eb38 100%)}.hero-inner{width:min(100% - 28px,1180px);padding:52px 0 70px}.hero-text-block{max-width:310px;padding:0}.hero-text-block h1{font-size:clamp(3.1rem,16vw,4.1rem);line-height:.95}.hero-text-block p{font-size:.98rem;line-height:1.55}.hero-actions{grid-template-columns:1fr;max-width:260px;display:grid}.quick-links{margin-top:18px}.page-section{width:min(100% - 28px,1180px);padding:46px 0 72px}.page-section:before{border-radius:24px;inset:12px -8px 18px}.section-heading h2{font-size:clamp(2.2rem,12vw,3.2rem)}.story-view,.control-panel,.feedback-form,.saved-feedback{padding:18px}.real-phone-card img{width:150%;height:560px}.marker-box{width:min(330px,100%);padding:56px 16px 18px}.marker-label{margin-bottom:18px;font-size:1.65rem}.marker-main{grid-template-columns:34px 1fr;place-items:center stretch;gap:12px}.led{width:24px;height:24px;margin:0 auto}.lcd-screen{width:100%;min-height:88px}.marker-footer{grid-template-columns:1fr auto 74px;place-items:center stretch;gap:8px}.marker-footer p{font-size:.88rem;line-height:1.25}.scan-arrow{font-size:1.2rem}.qr-code{width:74px}}