:root{--g900:#0A3D1F;--g800:#166534;--g600:#16A34A;--g400:#4ADE80;--g200:#86EFAC;--g100:#DCFCE7;--g50:#F0FDF4;--white:#fff;--ink:#0d1a0d;--muted:#4B5563;--light:#9CA3AF;--border:#D1FAE5;--warn:#F59E0B;--err:#EF4444;--shadow:0 18px 60px rgba(22,101,52,.1)}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;max-width:100%;overflow-x:hidden}
body{font-family:'DM Sans',sans-serif;background:var(--white);color:var(--ink);width:100%;max-width:100%;overflow-x:hidden}
body>*{max-width:100vw}
img,svg{max-width:100%}
nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);padding:0 6%;display:flex;align-items:center;justify-content:space-between;height:68px}
.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none}.brand-logo{display:block;width:172px;height:58px;object-fit:contain}.logo-icon{width:36px;height:36px;background:var(--g800);border-radius:9px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px}.lb{height:3px;border-radius:2px}.lb1{width:20px;background:var(--g100)}.lb2{width:14px;background:var(--g400)}.lb3{width:20px;background:var(--g100)}.logo-text{font-family:'Playfair Display',serif;font-size:22px;font-weight:700;color:var(--g800)}
.nav-links{display:flex;gap:18px;list-style:none}.nav-links a{text-decoration:none;font-size:14px;color:var(--muted);font-weight:500;transition:color .2s;white-space:nowrap}.nav-links a:hover,.nav-links a.active{color:var(--g800)}.btn-nav{background:var(--g800);color:var(--white);border:none;padding:10px 22px;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s;white-space:nowrap}.btn-nav:hover{background:var(--g900)}
.hero{width:100%;max-width:100vw;min-height:76vh;background:var(--g50);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;padding:74px 6%;gap:56px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;right:-160px;top:-190px;width:560px;height:560px;background:var(--g100);border-radius:50%;opacity:.7}.hero:after{content:"";position:absolute;left:45%;bottom:-120px;width:280px;height:280px;background:var(--g200);border-radius:50%;opacity:.22}.hero-copy,.hero-panel{position:relative;z-index:1;min-width:0;max-width:100%}.tag{display:inline-block;background:var(--g100);color:var(--g800);font-size:12px;font-weight:700;padding:6px 14px;border-radius:20px;letter-spacing:.06em;margin-bottom:18px}.hero h1{font-family:'Playfair Display',serif;font-size:clamp(36px,4.4vw,62px);font-weight:900;line-height:1.06;margin-bottom:20px;max-width:100%;overflow-wrap:anywhere;text-wrap:balance}.hero h1 span,.section-title span{color:var(--g800)}.hero p{font-size:17px;color:var(--muted);line-height:1.75;max-width:560px;margin-bottom:32px;overflow-wrap:break-word}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.btn-primary,.btn-secondary{display:inline-block;padding:14px 26px;border-radius:10px;font-size:15px;font-weight:700;text-decoration:none;transition:all .2s}.btn-primary{background:var(--g800);color:var(--white)}.btn-primary:hover{background:var(--g900);transform:translateY(-2px)}.btn-secondary{background:var(--white);color:var(--g800);border:1.5px solid var(--g200)}.btn-secondary:hover{border-color:var(--g800);transform:translateY(-2px)}
.hero-panel{background:var(--white);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);overflow:hidden;min-width:0}.panel-top{background:var(--g800);color:var(--white);padding:16px 20px;display:flex;justify-content:space-between;align-items:center}.panel-title{font-family:'Playfair Display',serif;font-weight:700}.live{font-size:10px;background:rgba(255,255,255,.14);padding:5px 9px;border-radius:20px;color:var(--g200);font-weight:700}.panel-body{padding:18px;display:flex;flex-direction:column;gap:14px}.kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.kpi{background:var(--g50);border:1px solid var(--border);border-radius:10px;padding:12px;min-width:0}.kpi strong{display:block;font-family:'Playfair Display',serif;font-size:25px;color:var(--g800)}.kpi span{font-size:10px;color:var(--muted)}.map{height:205px;background:radial-gradient(circle at 25% 20%,rgba(74,222,128,.22),transparent 28%),linear-gradient(135deg,#092f1c,#115c34 54%,#0b3f28);border-radius:12px;position:relative;overflow:hidden}.map:before{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.16);border-radius:18px}.map:after{content:"";position:absolute;left:10%;right:8%;top:49%;height:2px;background:linear-gradient(90deg,transparent,rgba(220,252,231,.8),rgba(74,222,128,.8),transparent);transform:rotate(-7deg);box-shadow:0 42px 0 rgba(220,252,231,.22),0 -42px 0 rgba(220,252,231,.16)}.map-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.map-route{position:absolute;left:16%;top:34%;width:62%;height:38%;border:2px solid rgba(134,239,172,.62);border-left-color:transparent;border-bottom-color:rgba(220,252,231,.45);border-radius:46% 54% 42% 58%;transform:rotate(-6deg)}.pin{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--g400);box-shadow:0 0 0 7px rgba(74,222,128,.16),0 12px 24px rgba(0,0,0,.18);z-index:2}.pin:after{content:"";position:absolute;inset:4px;border-radius:50%;background:#fff;opacity:.45}.p1{left:25%;top:36%}.p2{left:58%;top:45%}.p3{left:72%;top:22%}.map-label{position:absolute;z-index:2;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);color:#dffdea;font-size:10px;font-weight:700;padding:5px 8px;border-radius:999px;backdrop-filter:blur(8px)}.ml1{left:8%;bottom:12%}.ml2{right:8%;top:11%}.rows{background:var(--white);border:1px solid var(--border);border-radius:12px;overflow:hidden}.row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px 14px;border-bottom:1px solid var(--g50);font-size:13px}.row:last-child{border-bottom:none}.badge{background:var(--g100);color:var(--g800);font-size:11px;font-weight:700;padding:4px 9px;border-radius:20px}
.section{width:100%;max-width:100vw;padding:88px 6%;scroll-margin-top:96px;overflow:hidden}.section-alt{background:var(--g50)}.section-head{max-width:min(760px,100%);margin:0 auto 48px;text-align:center}.section-title{font-family:'Playfair Display',serif;font-size:clamp(28px,3vw,42px);line-height:1.18;margin-bottom:15px;overflow-wrap:break-word;text-wrap:balance}.section-sub{font-size:16px;color:var(--muted);line-height:1.7;overflow-wrap:break-word}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{background:var(--white);border:1px solid var(--border);border-radius:8px;padding:26px;box-shadow:0 12px 34px rgba(22,101,52,.06);min-width:0}.card-icon{width:42px;height:42px;border-radius:10px;background:var(--g100);display:flex;align-items:center;justify-content:center;color:var(--g800);font-weight:900;margin-bottom:18px}.card h3{font-family:'Playfair Display',serif;font-size:22px;margin-bottom:10px}.card p{font-size:14px;color:var(--muted);line-height:1.65}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:46px;align-items:center}.list{display:flex;flex-direction:column;gap:14px}.list-item{display:flex;gap:12px;align-items:flex-start}.check{width:24px;height:24px;border-radius:7px;background:var(--g100);color:var(--g800);font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0}.list-item strong{display:block;margin-bottom:3px}.list-item span{font-size:14px;color:var(--muted);line-height:1.6}.cta{background:var(--g900);color:var(--white);padding:76px 6%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center}.cta h2{font-family:'Playfair Display',serif;font-size:clamp(28px,3vw,42px);line-height:1.18;overflow-wrap:break-word;text-wrap:balance}.cta p{color:var(--g200);margin-top:10px;line-height:1.65}.cta .btn-primary{background:var(--white);color:var(--g800)}.cta-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.cta-secondary{background:rgba(255,255,255,.08)!important;color:var(--white)!important;border-color:rgba(255,255,255,.2)!important}footer{background:var(--g900);padding:42px 6%;color:rgba(255,255,255,.72);display:flex;justify-content:space-between;gap:24px;font-size:13px}footer a{color:var(--g200);text-decoration:none}
.platform-showcase{display:grid;grid-template-columns:310px 1fr;gap:26px;align-items:stretch}.actor-list{display:flex;flex-direction:column;gap:12px}.actor-card{border:1px solid var(--border);background:var(--white);border-radius:8px;padding:18px;box-shadow:0 10px 28px rgba(22,101,52,.06)}.actor-card strong{display:block;font-size:15px;color:var(--ink);margin-bottom:5px}.actor-card span{display:block;font-size:12px;color:var(--muted);line-height:1.5}.illustration-board{background:linear-gradient(145deg,#f7fffb 0%,#eefbf4 48%,#e2f8ec 100%);border:1px solid rgba(134,239,172,.55);border-radius:22px;padding:18px;box-shadow:0 28px 80px rgba(22,101,52,.14),0 2px 0 rgba(255,255,255,.9) inset}.board-top{height:22px;display:flex;align-items:center;justify-content:flex-end;color:rgba(22,101,52,.58);font-size:0}.board-dots{display:flex;gap:7px}.board-dots i{width:9px;height:9px;border-radius:50%;background:rgba(22,101,52,.22)}.board-dots i:nth-child(2){background:rgba(22,163,74,.32)}.board-dots i:nth-child(3){background:rgba(74,222,128,.52)}.ui-canvas{min-height:520px;background:linear-gradient(135deg,rgba(255,255,255,.95),#f4fff8 52%,#e8faef);border:1px solid rgba(209,250,229,.86);border-radius:18px;padding:24px;display:grid;grid-template-columns:minmax(0,1.35fr) 230px;gap:20px;overflow:hidden;box-shadow:0 20px 48px rgba(22,101,52,.08) inset}.mock-panel{background:rgba(255,255,255,.96);border:1px solid rgba(190,242,213,.92);border-radius:16px;padding:18px;box-shadow:0 18px 40px rgba(22,101,52,.08)}.mock-panel.dark{background:linear-gradient(145deg,#ffffff,#effbf4);color:var(--ink);border-color:rgba(190,242,213,.92)}.mock-label{font-size:10px;font-weight:800;letter-spacing:.08em;color:var(--g800);text-transform:uppercase;margin-bottom:10px}.mock-panel.dark .mock-label{color:var(--g800)}.mock-title{font-family:'Playfair Display',serif;font-size:24px;line-height:1.15;margin-bottom:14px}.mock-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mock-stat{background:var(--g50);border:1px solid var(--border);border-radius:10px;padding:12px}.mock-stat b{display:block;font-family:'Playfair Display',serif;font-size:24px;color:var(--g800)}.mock-stat span{font-size:10px;color:var(--muted)}.mock-row{display:grid;grid-template-columns:1fr auto;gap:10px;padding:12px 0;border-bottom:1px solid var(--g50);font-size:13px}.mock-row:last-child{border-bottom:0}.mock-pill{font-size:10px;font-weight:800;color:var(--g800);background:var(--g100);border-radius:20px;padding:5px 9px}.mini-phone{width:182px;justify-self:center;align-self:center;background:linear-gradient(180deg,#ffffff,#eefbf4);border:1px solid rgba(190,242,213,.95);border-radius:32px;padding:12px;box-shadow:0 24px 60px rgba(22,101,52,.18),0 0 0 8px rgba(255,255,255,.72)}.phone-screen{background:#f7fffb;border:1px solid rgba(209,250,229,.9);border-radius:20px;padding:12px;min-height:328px;display:flex;flex-direction:column;gap:10px}.phone-card{background:linear-gradient(145deg,var(--g800),#17854b);color:var(--white);border-radius:16px;padding:14px;margin-bottom:0;box-shadow:0 12px 24px rgba(22,101,52,.18)}.phone-card small{color:var(--g200);font-weight:800;text-transform:uppercase}.phone-card b{display:block;font-size:25px;margin-top:6px;font-family:'Playfair Display',serif}.phone-list{display:flex;flex-direction:column;gap:8px}.phone-line{min-height:38px;background:var(--white);border:1px solid var(--border);border-radius:12px;padding:8px}.phone-line strong{display:block;font-size:11px;color:var(--ink);line-height:1.2}.phone-line span{display:block;font-size:9px;color:var(--muted);margin-top:2px}.phone-action{margin-top:auto;background:var(--g800);color:#fff;border-radius:12px;padding:11px;text-align:center;font-size:11px;font-weight:800}.map-abstract{height:238px;border-radius:14px;background:radial-gradient(circle at 25% 28%,rgba(74,222,128,.18),transparent 20%),linear-gradient(135deg,#09311d,#126039);position:relative;overflow:hidden;margin-bottom:12px}.map-abstract:before{content:"";position:absolute;inset:22px;border:1px solid rgba(255,255,255,.18);border-radius:22px}.map-abstract:after{content:"";position:absolute;left:12%;right:10%;top:50%;height:2px;background:linear-gradient(90deg,transparent,rgba(220,252,231,.78),rgba(74,222,128,.88),transparent);transform:rotate(-8deg);box-shadow:0 44px 0 rgba(220,252,231,.18),0 -44px 0 rgba(220,252,231,.14)}.map-abstract i{position:absolute;width:16px;height:16px;border-radius:50%;background:var(--g400);box-shadow:0 0 0 10px rgba(74,222,128,.16);z-index:2}.map-abstract i:nth-child(1){left:24%;top:34%}.map-abstract i:nth-child(2){left:60%;top:48%}.map-abstract i:nth-child(3){left:74%;top:24%}.map-chip{position:absolute;z-index:3;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);color:#dffdea;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:800;backdrop-filter:blur(10px)}.mc1{left:7%;bottom:10%}.mc2{right:8%;top:10%}.work-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.work-item{background:var(--g50);border:1px solid var(--border);border-radius:12px;padding:12px}.work-item strong{display:block;font-size:12px;color:var(--ink)}.work-item span{display:block;font-size:10px;color:var(--muted);margin-top:4px}.showcase-note{margin-top:18px;text-align:center;color:var(--muted);font-size:13px;line-height:1.6}.showcase-note strong{color:var(--g800)}
.works-access-section{background:linear-gradient(135deg,#f7fffb 0%,#eefbf4 54%,#ffffff 100%);position:relative}.works-access-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 10%,rgba(74,222,128,.14),transparent 26%),radial-gradient(circle at 88% 18%,rgba(59,130,246,.08),transparent 24%);pointer-events:none}.works-access-grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.works-access-card{background:rgba(255,255,255,.82);border:1px solid rgba(18,107,55,.14);border-radius:24px;padding:24px;box-shadow:0 22px 58px rgba(22,101,52,.1);backdrop-filter:blur(16px);display:flex;flex-direction:column;gap:18px;min-width:0;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.works-access-card:hover{transform:translateY(-5px);box-shadow:0 28px 72px rgba(22,101,52,.16);border-color:rgba(18,107,55,.25)}.access-card-top{display:flex;gap:14px;align-items:center}.access-icon{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,#dcfce7,#ffffff);color:var(--g800);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:900;box-shadow:inset 0 0 0 1px rgba(18,107,55,.1)}.access-card-top span:not(.access-icon){display:block;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--g800);margin-bottom:3px}.access-card-top strong{display:block;font-size:18px;line-height:1.25;color:var(--ink)}.works-access-card p{color:var(--muted);font-size:14px;line-height:1.7;margin:0}.access-actions{margin-top:auto;display:flex;flex-direction:column;gap:10px}.access-actions .btn-primary,.access-actions .btn-secondary{width:100%;text-align:center}.store-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.store-actions a{display:flex;align-items:center;justify-content:center;min-height:44px;border:1px solid rgba(18,107,55,.16);border-radius:12px;background:rgba(255,255,255,.72);color:var(--g800);font-size:13px;font-weight:800;text-decoration:none}.store-actions a:hover{border-color:var(--g800);background:#fff}.access-note{position:relative;max-width:720px;margin:24px auto 0;text-align:center;color:var(--muted);font-size:13px;line-height:1.65}.access-cabinet{background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(240,253,244,.82))}.access-client{background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(239,246,255,.6))}.access-pointer{background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(236,253,245,.82))}
.hero-access-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.hero-access-links a{display:inline-flex;align-items:center;min-height:38px;padding:8px 12px;border:1px solid rgba(18,107,55,.16);border-radius:999px;background:rgba(255,255,255,.76);color:var(--g800);font-size:13px;font-weight:800;text-decoration:none;box-shadow:0 10px 24px rgba(22,101,52,.08)}.hero-access-links a:hover{background:#fff;border-color:rgba(18,107,55,.34);transform:translateY(-1px)}
.works-onboarding-section{background:#fff}.onboarding-showcase-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.onboarding-showcase-card{background:rgba(255,255,255,.9);border:1px solid rgba(18,107,55,.12);border-radius:24px;overflow:hidden;box-shadow:0 24px 64px rgba(22,101,52,.1);min-width:0}.onboarding-showcase-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center top;background:var(--g50)}.onboarding-showcase-card div{padding:18px}.onboarding-showcase-card span{display:block;color:var(--g800);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px}.onboarding-showcase-card strong{display:block;color:var(--ink);font-size:17px;line-height:1.25;margin-bottom:12px}.onboarding-showcase-card a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 13px;border-radius:12px;background:var(--g800);color:#fff;text-decoration:none;font-size:13px;font-weight:800}.onboarding-showcase-card a:hover{background:var(--g900)}
.signup-page{background:linear-gradient(135deg,#f7fffb 0%,#eefbf4 55%,#ffffff 100%)}.signup-shell{overflow:hidden}.signup-hero{min-height:calc(100vh - 68px);display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:36px;align-items:center;padding:72px 6%;position:relative}.signup-hero:before{content:"";position:absolute;right:-180px;top:-220px;width:560px;height:560px;border-radius:50%;background:rgba(187,247,208,.6);pointer-events:none}.signup-copy,.signup-visual-grid{position:relative;z-index:1}.signup-copy h1{font-family:'Playfair Display',serif;font-size:clamp(34px,4vw,58px);line-height:1.08;margin:0 0 18px;text-wrap:balance}.signup-copy h1 span{color:var(--g800)}.signup-copy p{color:var(--muted);font-size:17px;line-height:1.75;margin:0 0 28px;max-width:600px}.signup-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:14px}.signup-copy small{display:block;color:var(--muted);line-height:1.55;max-width:560px}.signup-visual-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.signup-visual-grid article{background:rgba(255,255,255,.86);border:1px solid rgba(18,107,55,.12);border-radius:28px;overflow:hidden;box-shadow:0 28px 80px rgba(22,101,52,.14);min-width:0}.signup-visual-grid img{display:block;width:100%;height:520px;object-fit:cover;object-position:center top;background:#f7fffb}.signup-visual-grid strong{display:block;padding:18px;color:var(--g800);font-size:16px}.signup-details{padding-top:0}
.cabinet-auth-page{background:linear-gradient(135deg,#f7fffb 0%,#eefbf4 55%,#ffffff 100%)}.cabinet-auth-shell{min-height:calc(100vh - 68px);padding:52px 6%;display:flex;align-items:center;justify-content:center;overflow:hidden}.cabinet-auth-card{width:min(1180px,100%);display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);background:rgba(255,255,255,.82);border:1px solid rgba(18,107,55,.13);border-radius:30px;box-shadow:0 36px 100px rgba(22,101,52,.14);overflow:hidden;backdrop-filter:blur(18px)}.cabinet-auth-visual{background:linear-gradient(145deg,#ecfdf5,#ffffff);padding:32px;display:flex;flex-direction:column;gap:20px;min-width:0}.auth-brand-lockup{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--g800);font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.auth-brand-lockup img{width:170px;height:auto}.auth-preview{width:100%;min-height:420px;max-height:560px;object-fit:cover;object-position:center top;border-radius:22px;box-shadow:0 24px 70px rgba(22,101,52,.14)}.auth-trust-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.auth-trust-row span{background:rgba(255,255,255,.78);border:1px solid rgba(18,107,55,.12);border-radius:14px;padding:12px;text-align:center;color:var(--g800);font-size:12px;font-weight:800}.cabinet-auth-form{padding:42px;min-width:0}.cabinet-auth-form h1{font-family:'Playfair Display',serif;font-size:clamp(30px,3.4vw,48px);line-height:1.08;margin:0 0 12px;text-wrap:balance}.cabinet-auth-form p{color:var(--muted);font-size:16px;line-height:1.65;margin:0 0 22px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:var(--g50);border:1px solid rgba(18,107,55,.12);border-radius:14px;padding:6px;margin-bottom:22px}.auth-tab{border:0;border-radius:10px;background:transparent;color:var(--muted);font-weight:800;padding:12px;cursor:pointer}.auth-tab.active{background:#fff;color:var(--g800);box-shadow:0 10px 24px rgba(22,101,52,.08)}.cabinet-form{display:none;flex-direction:column;gap:13px}.cabinet-form.active{display:flex}.cabinet-form label{display:flex;flex-direction:column;gap:7px;color:var(--ink);font-size:13px;font-weight:800}.cabinet-form input[type="email"],.cabinet-form input[type="password"],.cabinet-form input[type="text"],.cabinet-form input[type="tel"]{min-height:48px;border:1px solid rgba(15,23,42,.14);border-radius:12px;padding:0 14px;font:inherit;color:var(--ink);background:#fff}.cabinet-form input:focus{outline:3px solid rgba(74,222,128,.22);border-color:var(--g800)}.checkbox-label{flex-direction:row!important;align-items:center;font-weight:700!important;color:var(--muted)!important}.checkbox-label input{width:17px;height:17px;accent-color:var(--g800)}.form-inline{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.form-inline a{color:var(--g800);font-size:13px;font-weight:800;text-decoration:none}.auth-submit{border:0;margin-top:4px;cursor:pointer}.auth-submit:disabled{opacity:.72;cursor:wait}.auth-message{min-height:24px;color:var(--g800);font-size:13px;font-weight:800;margin-top:12px}.cabinet-auth-form small{display:block;color:var(--muted);line-height:1.5;margin-top:8px}.cabinet-auth-form code{background:var(--g50);border-radius:6px;padding:2px 5px;color:var(--g800)}
@media(max-width:1100px){.nav-links{gap:12px}.nav-links a{font-size:13px}.btn-nav{padding:10px 16px}}
@media(max-width:900px){nav{height:auto;min-height:68px;padding:12px 5%;align-items:flex-start;gap:12px;flex-wrap:wrap}.nav-links{display:flex;order:3;width:100%;overflow-x:auto;gap:16px;padding:4px 0 2px;scrollbar-width:none}.nav-links::-webkit-scrollbar{display:none}.hero,.split,.cta,.platform-showcase,.ui-canvas,.signup-hero,.cabinet-auth-card{grid-template-columns:1fr}.hero{padding:54px 6%}.grid-3,.works-access-grid,.onboarding-showcase-grid{grid-template-columns:1fr 1fr}.kpis{grid-template-columns:1fr 1fr}.actor-list{display:grid;grid-template-columns:1fr}.ui-canvas{min-height:auto}.mini-phone{width:min(220px,100%)}.cta{align-items:start}.cta-actions{justify-content:flex-start}footer{flex-direction:column}.hero h1{font-size:34px}.signup-hero{padding:54px 6%}.signup-visual-grid img{height:420px}.cabinet-auth-shell{padding:32px 5%;align-items:flex-start}.auth-preview{min-height:auto;max-height:420px}.cabinet-auth-form{padding:30px}}
@media(max-width:560px){nav{padding:10px 4%;max-width:100vw;overflow:hidden}.nav-links{max-width:100%}.logo-text{font-size:20px}.btn-nav{width:100%;text-align:center}.hero{display:block;padding:42px 5%;width:100%;max-width:100vw}.hero-copy,.hero-panel{min-width:0;width:100%;max-width:100%}.hero-panel{margin-top:32px}.hero h1{font-size:28px;line-height:1.14;overflow-wrap:break-word;text-wrap:balance}.hero p{font-size:15px;max-width:100%}.hero-actions,.cta-actions,.hero-access-links,.signup-actions{width:100%;flex-direction:column}.hero-access-links a{justify-content:center}.btn-primary,.btn-secondary{width:100%;text-align:center}.kpis,.mock-grid,.work-list,.store-actions,.onboarding-showcase-grid,.signup-visual-grid,.auth-trust-row{grid-template-columns:1fr}.section{padding:64px 5%;width:100%;max-width:100vw}.section-title{font-size:29px;line-height:1.14}.works-access-card{padding:20px;border-radius:20px}.access-card-top{align-items:flex-start}.platform-showcase{gap:18px}.illustration-board{padding:12px;border-radius:14px;max-width:100%}.ui-canvas{padding:12px}.map,.map-abstract{height:190px}.row{grid-template-columns:minmax(0,1fr)}.badge{width:max-content;max-width:100%}.cta{padding:58px 5%;width:100%;max-width:100vw}.product-footer-links{gap:10px 12px}footer{gap:18px}.signup-hero{padding:42px 5%}.signup-copy h1{font-size:30px}.signup-copy p{font-size:15px}.signup-visual-grid img{height:auto;aspect-ratio:4/3}.cabinet-auth-shell{padding:24px 4%}.cabinet-auth-card{border-radius:22px}.cabinet-auth-visual,.cabinet-auth-form{padding:22px}.auth-brand-lockup{display:block}.auth-brand-lockup img{width:148px}.auth-brand-lockup span{display:block;margin-top:8px}.auth-preview{max-height:none}.auth-tabs{grid-template-columns:1fr}.form-inline{align-items:flex-start}.cabinet-auth-form h1{font-size:29px}}

/* Shared product maps and product footer */
.showcase-note{display:none}
.map-label,.map-chip{color:#f1fff7;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.22);box-shadow:0 8px 22px rgba(0,0,0,.14);font-weight:800}
.ml3{left:18%;top:16%}.ml4{right:14%;bottom:16%}.mc3{left:10%;top:12%}.mc4{right:10%;bottom:12%}
.product-footer{display:grid;grid-template-columns:1.3fr .8fr 1fr .8fr;align-items:start;background:var(--g900);padding:38px 6%;color:rgba(255,255,255,.76);gap:28px;font-size:13px}
.product-footer strong{display:block;color:#fff;font-size:16px;margin-bottom:6px}
.product-footer-logo{display:block;width:166px;height:auto;margin-bottom:12px}
.product-footer-title{font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--g200);text-transform:uppercase;margin-bottom:10px}
.product-footer-links{display:flex;flex-wrap:wrap;gap:10px 14px}
.product-footer a{color:var(--g100);text-decoration:none;font-weight:600}
.product-footer small{display:block;margin-top:10px;color:rgba(255,255,255,.55)}
a:focus-visible,button:focus-visible{outline:3px solid rgba(74,222,128,.55);outline-offset:3px}
@media(max-width:900px){.product-footer{grid-template-columns:1fr}}
@media(max-width:560px){.brand-logo{width:148px;height:50px}}

/* Light map system inspired by field-service location products */
.map,.map-abstract{
  background:
    radial-gradient(circle at 18% 22%,rgba(22,101,52,.08),transparent 18%),
    radial-gradient(circle at 82% 72%,rgba(22,101,52,.06),transparent 20%),
    linear-gradient(135deg,#fbfdff,#f3f8fb 45%,#eef6f2);
  border:1px solid #e6eef2;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.8);
}
.map::before,.map-abstract::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:230px;
  max-width:62%;
  height:118px;
  transform:translate(-50%,-50%);
  border:1px solid #edf3f6;
  border-radius:14px;
  background:rgba(255,255,255,.92);
  box-shadow:0 18px 40px rgba(15,56,74,.12);
  z-index:1;
}
.map::after,.map-abstract::after{
  content:"";
  position:absolute;
  inset:-12%;
  background:
    linear-gradient(18deg,transparent 47%,#dfeaf0 48%,#dfeaf0 49%,transparent 50%),
    linear-gradient(118deg,transparent 43%,#e5eef3 44%,#e5eef3 45%,transparent 46%),
    linear-gradient(156deg,transparent 52%,#d8e6ed 53%,#d8e6ed 54%,transparent 55%),
    linear-gradient(78deg,transparent 54%,rgba(178,205,219,.55) 55%,rgba(178,205,219,.55) 56%,transparent 57%);
  opacity:.95;
  transform:none;
  box-shadow:none;
  z-index:0;
}
.map-grid{
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(124,151,164,.12) 1px,transparent 1px),
    linear-gradient(90deg,rgba(124,151,164,.12) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
  z-index:0;
}
.map-route{
  left:50%;
  top:50%;
  width:210px;
  max-width:58%;
  height:100px;
  transform:translate(-50%,-50%);
  border:0;
  border-radius:12px;
  background:
    linear-gradient(#fff,#fff) padding-box,
    linear-gradient(135deg,#eaf2f5,#fff) border-box;
  box-shadow:0 16px 36px rgba(15,56,74,.12);
  z-index:1;
}
.map-route::before{
  content:"Staffika";
  position:absolute;
  left:16px;
  top:14px;
  color:var(--g800);
  font-family:'Playfair Display',serif;
  font-size:16px;
  font-weight:800;
}
.map-route::after{
  content:"Présence validée · Site actif";
  position:absolute;
  left:16px;
  right:16px;
  bottom:16px;
  color:#506273;
  font-size:11px;
  font-weight:700;
}
.pin{
  width:22px;
  height:22px;
  background:#fff;
  border:1px solid #e5edf2;
  box-shadow:0 8px 18px rgba(15,56,74,.14);
  z-index:3;
}
.pin::before{
  content:"";
  position:absolute;
  inset:5px;
  border-radius:50%;
  background:var(--g800);
}
.pin::after{
  content:"94";
  position:absolute;
  left:13px;
  top:-9px;
  min-width:22px;
  height:16px;
  padding:1px 5px;
  border-radius:999px;
  background:#61e6b0;
  color:#fff;
  font-size:9px;
  font-weight:900;
  line-height:14px;
  opacity:1;
}
.p2::after{content:"32";background:#ef6b6b}
.p3::after{content:"23";background:#ef6b6b}
.map-label,.map-chip{
  color:#506273;
  background:rgba(255,255,255,.94);
  border:1px solid #e5edf2;
  box-shadow:0 8px 18px rgba(15,56,74,.12);
  backdrop-filter:blur(10px);
}
.map-label::before,.map-chip::before{
  content:"";
  display:inline-block;
  width:7px;
  height:7px;
  margin-right:6px;
  border-radius:50%;
  background:var(--g600);
}
.mock-panel .map-abstract{margin-top:8px}