:root{--green:#22b573;--darkgreen:#075c50;--teal:#0f766e;--ink:#102823;--muted:#5f746e;--soft:#f6fbf8;--line:#dbe8e2;--cream:#fbfaf5;--shadow:0 28px 80px rgba(15,70,60,.16);--radius:28px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.6}.skip-link{position:absolute;left:-999px;top:12px;background:#fff;padding:10px;z-index:20}.skip-link:focus{left:12px}.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.narrow{width:min(850px,calc(100% - 40px))}.site-header{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(255,255,255,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(219,232,226,.8)}.nav{height:74px;display:flex;align-items:center;gap:28px;width:min(1180px,calc(100% - 40px));margin:auto}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:900;font-size:1.25rem}.brand img{width:42px;height:42px;border-radius:50%}.nav-links{display:flex;gap:28px;margin-left:auto}.nav-links a,.footer a{color:var(--ink);text-decoration:none;font-weight:700;font-size:.92rem}.nav-toggle{display:none;margin-left:auto;border:0;background:transparent;font-size:1.7rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 24px;border-radius:12px;background:linear-gradient(135deg,var(--green),#09956d);color:white;text-decoration:none;font-weight:900;box-shadow:0 18px 34px rgba(34,181,115,.25);border:1px solid rgba(255,255,255,.18)}.btn:after{content:"→"}.btn-small{padding:11px 18px}.btn-secondary{background:rgba(255,255,255,.86);color:var(--ink);box-shadow:none;border:1px solid var(--line)}.section{padding:110px 0}.section-dark{color:#fff;background:#08241f}.hero{min-height:100vh;position:relative;display:grid;align-items:center;overflow:hidden;padding-top:92px}.festival-bg{position:absolute;inset:0;background:radial-gradient(circle at 74% 35%,rgba(34,181,115,.32),transparent 32%),linear-gradient(180deg,rgba(7,36,31,.18),rgba(7,36,31,.85)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='900' viewBox='0 0 1600 900'%3E%3Crect fill='%2308241f' width='1600' height='900'/%3E%3Cg opacity='.22' fill='%23fff'%3E%3Ccircle cx='120' cy='690' r='38'/%3E%3Ccircle cx='220' cy='650' r='54'/%3E%3Ccircle cx='330' cy='710' r='44'/%3E%3Ccircle cx='470' cy='660' r='70'/%3E%3Ccircle cx='620' cy='720' r='48'/%3E%3Ccircle cx='760' cy='670' r='58'/%3E%3Ccircle cx='930' cy='710' r='45'/%3E%3Ccircle cx='1080' cy='640' r='70'/%3E%3Ccircle cx='1260' cy='700' r='55'/%3E%3Ccircle cx='1430' cy='660' r='65'/%3E%3C/g%3E%3Cg opacity='.17' stroke='%23fff' stroke-width='8'%3E%3Cpath d='M185 650 120 520M310 675 350 525M1080 650 1160 500M1290 690 1245 515M1450 640 1510 490'/%3E%3C/g%3E%3C/svg%3E") center/cover;transform:translateY(var(--parallax,0)) scale(1.04)}.hero:after{content:"";position:absolute;left:-5%;right:-5%;bottom:-1px;height:90px;background:#fff;border-radius:60% 60% 0 0/100% 100% 0 0}.hero-glow{position:absolute;inset:auto -10% 0 auto;width:650px;height:650px;background:radial-gradient(circle,rgba(34,181,115,.35),transparent 66%);filter:blur(18px)}.hero-grid,.split,.system-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;position:relative;z-index:2}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:1000;color:var(--green);margin:0 0 14px}.hero h1,.section h2,.cta h2{font-size:clamp(2.6rem,6vw,5.7rem);line-height:.98;margin:0 0 24px;letter-spacing:-.07em}.section h2,.cta h2{font-size:clamp(2rem,4vw,4rem)}.lead{font-size:1.2rem;max-width:620px;color:rgba(255,255,255,.84)}.hero-actions{display:flex;gap:16px;margin:34px 0 28px}.trust-row{display:flex;flex-wrap:wrap;gap:18px;color:rgba(255,255,255,.82);font-weight:700;font-size:.92rem}.browser-card,.big-map{background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.75);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.floating-card{transform:rotate(1deg);animation:float 5.5s ease-in-out infinite}.browser-bar{height:42px;display:flex;align-items:center;gap:8px;padding:0 20px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.75)}.browser-bar span{width:10px;height:10px;border-radius:50%;background:#c9d9d2}.map-frame,.big-map{position:relative}.map-frame img,.big-map img{display:block;width:100%;height:auto;filter:saturate(.86) contrast(1.02)}.pin{position:absolute;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:1000;box-shadow:0 8px 22px rgba(0,0,0,.2);animation:pulse 2.3s ease-in-out infinite}.pin-green{background:#18ad75}.pin-orange{background:#f97316}.pin-black{background:#111}.pin-warning{background:#080808;color:#ffd331}.p1{left:29%;top:38%}.p2{right:20%;top:16%;animation-delay:.3s}.p3{right:35%;top:57%;animation-delay:.6s}.p4{left:34%;top:52%;animation-delay:.9s}.p5{left:8%;top:66%;animation-delay:1.2s}.task-card,.map-panel{position:absolute;right:-10px;bottom:28px;width:min(280px,48%);background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.7);box-shadow:0 24px 60px rgba(9,62,52,.18);border-radius:22px;padding:18px;color:var(--ink)}.task,.map-panel p{background:#f5fbf8;border-radius:14px;padding:12px;margin:12px 0 0;font-weight:900;font-size:.9rem}.task span,.map-panel span{font-weight:700;color:var(--muted)}.task-red,.map-panel .urgent{background:#fff0f0;color:#b4232b}.scroll-cue{position:absolute;left:50%;bottom:28px;z-index:3;transform:translateX(-50%);color:rgba(255,255,255,.72);text-decoration:none;text-transform:uppercase;font-size:.72rem;letter-spacing:.18em}.intro{background:#fff}.intro-text{font-size:1.15rem;color:var(--muted)}.features,.system-preview{background:linear-gradient(180deg,#f7fffb,#fff)}.section-head{text-align:center;max-width:780px;margin:0 auto 54px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-card,.process-step{padding:34px;border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.82);box-shadow:0 18px 60px rgba(15,70,60,.06);transition:.25s ease}.feature-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.feature-card span{width:58px;height:58px;display:grid;place-items:center;background:#e8f8f0;border-radius:16px;font-size:1.7rem}.feature-card h3,.process-step h3{font-size:1.25rem;margin:22px 0 8px}.feature-card p,.process-step p,.seo-text p{color:var(--muted);margin:0}.check-list{padding:0;margin:28px 0 0;list-style:none}.check-list li{margin:13px 0;color:var(--muted);font-weight:800}.check-list li:before{content:"✓";color:var(--green);margin-right:10px}.big-map{padding:0}.big-map img{min-height:390px;object-fit:cover}.map-panel{right:24px;bottom:24px}.parallax-band{position:relative;overflow:hidden}.parallax-band:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(34,181,115,.18),transparent 35%),linear-gradient(rgba(8,36,31,.86),rgba(8,36,31,.92)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1400' height='500' viewBox='0 0 1400 500'%3E%3Crect fill='%2308241f' width='1400' height='500'/%3E%3Cg fill='%23ffffff' opacity='.16'%3E%3Ccircle cx='100' cy='430' r='60'/%3E%3Ccircle cx='250' cy='395' r='80'/%3E%3Ccircle cx='430' cy='435' r='65'/%3E%3Ccircle cx='650' cy='410' r='90'/%3E%3Ccircle cx='880' cy='430' r='70'/%3E%3Ccircle cx='1090' cy='390' r='90'/%3E%3Ccircle cx='1280' cy='420' r='80'/%3E%3C/g%3E%3C/svg%3E") center/cover;background-attachment:fixed}.process .container{position:relative}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.process-step{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);color:#fff}.process-step p{color:rgba(255,255,255,.72)}.process-step b{color:var(--green);font-size:2rem}.usecase-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.usecase-grid span{padding:20px;background:#fff;border:1px solid var(--line);border-radius:18px;font-weight:900;box-shadow:0 12px 36px rgba(15,70,60,.05)}.seo-text{background:var(--cream)}.seo-text p{font-size:1.08rem;margin:18px 0}.cta{text-align:center;padding:120px 0;background:linear-gradient(180deg,rgba(8,36,31,.88),rgba(8,36,31,.95)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='500'%3E%3Crect fill='%2308241f' width='1600' height='500'/%3E%3Cpath d='M0 360 C250 220 420 490 690 310 S1120 190 1600 330 V500 H0Z' fill='%2322b573' opacity='.18'/%3E%3C/svg%3E") center/cover}.cta p{font-size:1.15rem;color:rgba(255,255,255,.76);margin-bottom:32px}.footer{padding:32px 0;background:#061b17;color:#d9e7e1}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer .brand,.footer a{color:#fff}.footer p{color:#aec2ba}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}@keyframes float{50%{transform:rotate(1deg) translateY(-14px)}}@keyframes pulse{50%{transform:scale(1.08);box-shadow:0 0 0 14px rgba(34,181,115,.11)}}@media(max-width:900px){.nav-links,.nav>.btn{display:none}.nav-toggle{display:block}.nav.open .nav-links{display:flex;position:absolute;top:74px;left:20px;right:20px;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--shadow)}.hero-grid,.split,.system-grid{grid-template-columns:1fr;gap:40px}.hero{padding-bottom:120px}.feature-grid,.process-grid,.usecase-grid{grid-template-columns:1fr}.task-card,.map-panel{position:relative;right:auto;bottom:auto;width:auto;margin:14px}.footer-inner{flex-direction:column}.hero-actions{flex-direction:column}.section{padding:76px 0}}