:root{--terra:#309F92;--void:#000;--light:#0a0a0a;--text:#f3f3f3;--muted:#a9a9a9;--space:clamp(12px,2.2vw,28px);--wrap-w:min(92vw,880px);--ring:999px;--card:#0b0b0b80;--border:#ffffff1f;--font-display:"Montserrat",system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;--font-body:"Inter",system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:var(--font-body);background:var(--void);color:var(--text);display:grid;place-items:center;padding:calc(env(safe-area-inset-top) + var(--space)) var(--space) calc(env(safe-area-inset-bottom) + var(--space))}@media (prefers-color-scheme:light){body{background:var(--light)}}.wrap{position:relative;z-index:1;width:var(--wrap-w);display:grid;justify-items:center;text-align:center;gap:clamp(24px,4vw,48px);padding:clamp(24px,4vw,48px) clamp(16px,5vw,48px)}.hero-logo-wrap{position:relative;display:grid;place-items:center;perspective:1200px;isolation:isolate}.hero-logo-wrap:before{content:"";position:absolute;top:-14%;right:-14%;bottom:-14%;left:-14%;border-radius:50%;background:radial-gradient(circle at 50% 42%,#ffffff29,#fff0 70%),radial-gradient(circle at 60% 60%,#309f9242,#309f9200 68%);filter:blur(48px);opacity:.45;z-index:0;transform:translateZ(-140px);pointer-events:none}.hero-logo-wrap:after{content:"";position:absolute;top:-9%;right:-9%;bottom:-9%;left:-9%;border-radius:50%;background:linear-gradient(145deg,#ffffff4d,#fff0 48%),radial-gradient(circle at 24% 30%,#ffffff2e,#fff0 56%);mix-blend-mode:screen;opacity:.55;filter:blur(14px);z-index:1;pointer-events:none;animation:heroSheen 16s ease-in-out infinite}.hero-logo{position:relative;z-index:2;display:block;width:clamp(220px,30vw,420px);max-width:90vw;height:auto;transform-origin:center;transform-style:preserve-3d;filter:drop-shadow(0 30px 100px rgba(48,159,146,.32)) drop-shadow(0 16px 40px rgba(0,0,0,.42));animation:heroFloat 18s ease-in-out infinite;transition:transform .8s cubic-bezier(.25,.1,.25,1),filter .8s ease}.hero-logo-wrap:focus-within .hero-logo{animation-play-state:paused;transform:translate3d(0,-12px,28px) rotateX(-6deg) rotateY(6deg) scale(1.028);filter:drop-shadow(0 40px 160px rgba(48,159,146,.48)) drop-shadow(0 22px 54px rgba(0,0,0,.55))}.hero-logo-wrap:hover .hero-logo{animation-play-state:paused;transform:translate3d(0,-12px,28px) rotateX(-6deg) rotateY(6deg) scale(1.028);filter:drop-shadow(0 40px 160px rgba(48,159,146,.48)) drop-shadow(0 22px 54px rgba(0,0,0,.55))}.hero-logo-wrap:hover:after{animation-play-state:paused;opacity:.85}@keyframes heroFloat{0%,to{transform:translate3d(0,-4px,0) rotateX(6deg) rotateY(-6deg) scale(1)}45%{transform:translate3d(0,-12px,24px) rotateX(-4deg) rotateY(4deg) scale(1.024)}60%{transform:translate3d(0,-8px,12px) rotateX(2deg) rotateY(-2deg) scale(1.012)}}@keyframes heroSheen{0%,to{opacity:.66;transform:translateZ(-140px) rotate(0)}40%{opacity:.82;transform:translateZ(-140px) rotate(6deg)}70%{opacity:.55;transform:translateZ(-140px) rotate(-5deg)}}h1.hero-title{margin:0;font-family:var(--font-display);font-weight:600;font-size:clamp(28px,4.6vw,64px);line-height:1.08;letter-spacing:.08em;text-transform:uppercase;color:var(--text)}p.sub{font-family:var(--font-display);margin:0;color:var(--muted);opacity:.92;font-size:clamp(15px,2vw,20px);line-height:1.7;letter-spacing:.28em;text-transform:uppercase}.cta{display:flex;gap:clamp(12px,3vw,20px);align-items:center;justify-content:center;flex-wrap:wrap}.btn{padding:1rem 1.6rem;border-radius:999px;border:1px solid transparent;background:var(--terra);color:var(--void);cursor:pointer;font-weight:600;display:inline-flex;align-items:center;gap:.75rem;position:relative;font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.btn i{width:1.2rem;height:1.2rem;display:inline-flex;stroke:currentColor;stroke-width:1.6;fill:none}.btn span{display:inline-flex;align-items:center}.btn:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:999px;box-shadow:0 0 36px 10px #309f922e;opacity:.8;pointer-events:none;transition:opacity .2s ease}.btn:hover,.btn:focus-visible{transform:translateY(-2px);box-shadow:0 18px 40px #309f9252}.btn:focus-visible{outline:2px solid rgba(76,194,178,.6);outline-offset:6px}.btn.secondary{background:transparent;color:var(--text);border-color:#ffffff2e}.btn.secondary:after{box-shadow:0 0 24px 6px #ffffff1f}.sheet{width:min(100%,780px);margin-top:2px;border:1px solid var(--border);border-radius:16px;background:var(--card);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow:hidden;max-height:0;opacity:0;transform:translateY(-8px);transition:max-height .5s ease,opacity .35s ease,transform .35s ease}.sheet.open{max-height:600px;opacity:1;transform:translateY(0)}.sheet-inner{padding:clamp(12px,2vw,18px);display:grid;gap:12px}.narration{display:grid;gap:8px;text-align:left}.narration .line{font-size:13px;color:#d0d0d0;opacity:.9}.meter{height:8px;background:#111;border:1px solid #ffffff1a;border-radius:999px;overflow:hidden}.meter>.bar{height:100%;width:0;background:linear-gradient(90deg,#1d5e56,var(--terra));transition:width .35s ease}#contactForm{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}#contactForm input{width:100%;padding:.9rem 1rem;border-radius:12px;border:1px solid #ffffff22;background:#ffffff10;color:#fff;outline:none}#contactForm .btn{white-space:nowrap}@media (max-width:560px){#contactForm{grid-template-columns:1fr}#contactForm .btn{width:100%}}.teaser{width:min(100%,780px);border:1px solid var(--border);border-radius:16px;background:var(--card);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow:hidden;max-height:0;opacity:0;transform:translateY(-8px);transition:max-height .5s ease,opacity .35s ease,transform .35s ease}.teaser.open{max-height:1000px;opacity:1;transform:translateY(0)}.teaser-inner{padding:clamp(12px,2vw,18px);display:grid;gap:12px;text-align:left}.tiles{display:grid;gap:clamp(18px,4vw,28px);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));justify-items:center;margin-top:clamp(12px,2vw,24px)}.tile{border:1px solid rgba(255,255,255,.12);background:#0b0f0ec7;border-radius:20px;padding:clamp(24px,3vw,32px);display:grid;gap:14px;place-items:center;text-align:center;box-shadow:0 20px 60px #00000073;min-height:220px;max-width:280px}.tile-icon{width:64px;height:64px;border-radius:50%;border:1px solid rgba(48,159,146,.45);background:#309f9226;display:grid;place-items:center}.tile-icon i{width:28px;height:28px;stroke:currentColor;stroke-width:1.6;fill:none}.tile h3{margin:0;font-size:1rem;font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:#f1fff7}.tile p{margin:0;font-size:.95rem;color:#cfd9d6;line-height:1.65;max-width:28ch}@media (max-width:820px){.tiles{grid-template-columns:1fr}}.done{display:none;align-items:center;gap:12px;padding:.9rem 1rem;border:1px solid #2b6b62;background:#0e1514;border-radius:14px;color:#dff7f3}.done.show{display:flex}.check{width:22px;height:22px;border-radius:50%;background:#309f92;display:grid;place-items:center;box-shadow:0 0 24px #309f9273}.check svg{width:14px;height:14px;fill:#021412}footer{position:fixed;bottom:calc(env(safe-area-inset-bottom) + 12px);left:0;right:0;text-align:center;font-size:12px;color:#666;letter-spacing:.1em;z-index:1}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#0b0b0b;color:#fff;padding:10px 14px;border-radius:999px;border:1px solid #ffffff22;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;z-index:3}.toast.show{opacity:1;transform:translate(-50%) translateY(-6px)}
