:root{--bg:#faf7ef;--bg-soft:#fff;--ink:#17241b;--panel:#ffffffb8;--panel-strong:#fff;--border:#17241b14;--border-strong:#17241b26;--shadow-xs:0 1px 2px #172d1e0a;--shadow:0 18px 44px -28px #172d1e38;--shadow-lg:0 48px 110px -48px #172d1e52;--text:#17241b;--text-dim:#5c6a60;--text-faint:#98a59b;--emerald:#0f8a54;--emerald-soft:#0f8a5417;--amber:#b56a12;--danger:#c0433c;--radius:16px;--radius-sm:10px;--font-display:"Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-body:"Inter", ui-sans-serif, system-ui, sans-serif;--ease-out:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;overflow-x:hidden}#root{z-index:1;min-height:100vh;position:relative}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text);margin:0}p{margin:0}a{color:inherit;text-decoration:none}::selection{background:#0f8a5429}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border:2px solid var(--bg);background:#d5dccf;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#bcc7b7}.container{width:100%;max-width:1080px;margin:0 auto;padding:0 28px}.section{padding:120px 0;position:relative}.eyebrow{font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--emerald);background:var(--emerald-soft);border:1px solid #0f8a5429;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:11.5px;font-weight:600;display:inline-flex}.sec-head{text-align:center;max-width:640px;margin:0 auto 56px}.sec-head h2{margin-top:18px;font-size:clamp(30px,4vw,42px);line-height:1.08}.sec-head p{color:var(--text-dim);margin-top:14px;font-size:16.5px;line-height:1.6}.glass{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow-xs);position:relative}.card{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-xs);transform-style:preserve-3d;transition:transform .4s var(--ease-out), box-shadow .4s ease, border-color .4s ease;background:#fff;padding:26px;position:relative}.card:hover{box-shadow:var(--shadow);border-color:#0f8a5447;transform:translateY(-3px)}.grid{gap:18px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}@media (width<=960px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}}@media (width<=620px){.grid-3,.grid-4{grid-template-columns:1fr}}.timeline-scroll{scrollbar-width:thin;padding-bottom:8px;overflow-x:auto}.list-section{flex-direction:column;display:flex}.list-row{border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:18px 0;transition:background .2s;display:flex}.list-row:first-child{border-top:1px solid var(--border)}.list-row:hover{background:#0f8a5405}.list-index{width:36px;font-family:var(--font-display);color:var(--text-faint);text-align:center;flex-shrink:0;font-size:14px;font-weight:700}.list-info{flex:1;min-width:0}.list-arrow{color:var(--text-faint);flex-shrink:0;font-size:18px;transition:color .2s,transform .2s}.list-row:hover .list-arrow{color:var(--emerald);transform:translate(3px)}.flower-btn{cursor:pointer;font-family:var(--font-body);-webkit-tap-highlight-color:transparent;color:inherit;background:0 0;border:none;align-items:center;gap:12px;padding:8px 12px;text-decoration:none;display:inline-flex;position:relative}.flower-btn:disabled{cursor:not-allowed;opacity:.55}.flower-btn:disabled .flower-rotor{animation-play-state:paused}.flower-btn .flower-petals{width:var(--flower-d);height:var(--flower-d);flex:0 0 var(--flower-d);position:relative}.flower-btn .flower-rotor{animation:46s linear infinite petalSpin;position:absolute;inset:0}.flower-btn:hover .flower-rotor{animation-duration:12s}.flower-btn .flower-petal{width:var(--petal-w);height:var(--petal-h);margin:calc(var(--petal-h) / -2) 0 0 calc(var(--petal-w) / -2);transform:rotate(calc(var(--i) * 45deg)) translateY(calc(var(--flower-r) * -1));background:linear-gradient(180deg, var(--p1), var(--p2) 55%, var(--p3));transition:filter .3s ease, transform .35s var(--ease-out);border-radius:50%/60% 60% 40% 40%;position:absolute;top:50%;left:50%;box-shadow:inset 0 -4px 7px #0000001a,inset 0 2px 4px #ffffff73}.flower-btn:hover .flower-petal{filter:brightness(1.05)saturate(1.08)}.flower-btn:active .flower-petal{transform:rotate(calc(var(--i) * 45deg)) translateY(calc(var(--flower-r) * -.93))}.flower-btn .flower-core{z-index:2;background:radial-gradient(circle at 34% 28%, color-mix(in srgb, var(--core) 50%, white), var(--core) 62%, color-mix(in srgb, var(--core) 80%, black));color:#fff;box-shadow:0 8px 20px -10px var(--glow), inset 0 -3px 6px #0003, inset 0 2px 3px #ffffff59;transition:transform .3s var(--ease-out), box-shadow .3s ease;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.flower-btn .flower-core svg{width:55%;height:55%}.flower-btn:hover .flower-core{box-shadow:0 14px 30px -10px var(--glow), inset 0 -3px 6px #0003, inset 0 2px 3px #ffffff59;transform:translate(-50%,-50%)translateY(-2px)}.flower-btn .flower-label{color:var(--text);border:1px solid var(--border);letter-spacing:-.01em;-webkit-backdrop-filter:blur(8px);transition:transform .3s var(--ease-out), box-shadow .3s ease, background .3s ease;background:#ffffffd9;border-radius:999px;font-weight:600;box-shadow:0 10px 26px -18px #172d1e80}.flower-btn:hover .flower-label{box-shadow:0 14px 32px -16px var(--glow);background:#fff;transform:translate(2px)}.flower-btn-sm{--flower-d:42px;--petal-w:15px;--petal-h:24px;--flower-r:16px;gap:9px}.flower-btn-sm .flower-core{width:27px;height:27px}.flower-btn-sm .flower-label{padding:5px 12px;font-size:13px}.flower-btn-md{--flower-d:60px;--petal-w:21px;--petal-h:34px;--flower-r:22px}.flower-btn-md .flower-core{width:37px;height:37px}.flower-btn-md .flower-label{padding:8px 16px;font-size:14.5px}.flower-btn-lg{--flower-d:74px;--petal-w:26px;--petal-h:43px;--flower-r:28px;gap:14px}.flower-btn-lg .flower-core{width:46px;height:46px}.flower-btn-lg .flower-label{padding:10px 20px;font-size:15.5px}@keyframes petalSpin{to{transform:rotate(360deg)}}@keyframes floaty{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-12px)rotate(2deg)}}@keyframes shimmer{0%{background-position:0 0}to{background-position:900px 0}}@keyframes cueFade{0%,to{opacity:.35}50%{opacity:1}}@keyframes pop{0%{opacity:0;transform:scale(.86)translateY(24px)}60%{opacity:1;transform:scale(1.04)translateY(-3px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes sweep{0%,to{opacity:.5}50%{opacity:.9}}input[type=range]{appearance:none;cursor:pointer;background:linear-gradient(90deg,#e3e8df,#cdd6c8);border-radius:999px;outline:none;width:100%;height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;border:2.5px solid var(--emerald);background:#fff;border-radius:50%;width:18px;height:18px;transition:box-shadow .2s,transform .2s;box-shadow:0 2px 8px #0f8a544d,0 0 0 4px #0f8a541a}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 2px 10px #0f8a5466,0 0 0 7px #0f8a5424}input[type=range]::-moz-range-thumb{border:2.5px solid var(--emerald);background:#fff;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 8px #0f8a544d,0 0 0 4px #0f8a541a}select{background-color:#fdfaf2}input[type=checkbox],input[type=radio]{accent-color:var(--emerald)}.perspective-deep{perspective:1200px}.perspective-mid{perspective:800px}.card-3d{transform-style:preserve-3d;transform:translateZ(0)}.card-3d:hover{box-shadow:var(--shadow-lg);border-color:#0f8a5438;transform:translateZ(12px)rotateX(-2deg)rotateY(2deg)}.section-band{z-index:1;height:220px;margin:-60px 0;position:relative;overflow:hidden}.section-band:before{content:"";background:linear-gradient(#0000,#c4a96214 40% 60%,#0000);position:absolute;inset:0}@keyframes floatSlow{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(1.5deg)}}@keyframes petalDrift{0%{opacity:.2;transform:translateY(0)rotate(0)scale(1)}50%{opacity:.35}to{opacity:0;transform:translateY(100vh)rotate(400deg)scale(.7)}}