/* Angel Wise Group — shared 3D design system (generated from index-3d.html) */
:root{
      --f950:#081a10; --f900:#0f2a1c; --f800:#163828; --f700:#1C4731; --f600:#1C5C3A; --f500:#2D7D52; --f400:#46a06d; --f300:#7cbf97; --f200:#b3dbc1; --f100:#d9ede0; --f50:#eef8f1;
      --g300:#F0D898; --g400:#DFB84A; --g500:#C4963A; --g600:#A87A28;
      --cream:#FDFCF9;
      --serif:'Plus Jakarta Sans',system-ui,sans-serif;
      --sans:'Inter',system-ui,sans-serif;
      --ease:cubic-bezier(.2,.8,.2,1);
    }
    *{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth}
    body{font-family:var(--sans);color:var(--f900);background:var(--f950);overflow-x:hidden;-webkit-font-smoothing:antialiased}
    img{display:block;max-width:100%}
    a{color:inherit;text-decoration:none}
    .wrap{max-width:1240px;margin:0 auto;padding:0 24px}
    .serif{font-family:var(--serif)}
    .eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--f600)}
    .eyebrow::before{content:'';width:28px;height:2px;background:linear-gradient(90deg,var(--g500),var(--g300));border-radius:2px}
    .on-dark .eyebrow{color:var(--g300)}
    .h2{font-family:var(--serif);font-weight:800;font-size:clamp(2rem,3.8vw,3.1rem);line-height:1.1;letter-spacing:-.035em;margin:14px 0 16px}
    .lead{font-size:1.06rem;line-height:1.75;color:rgba(15,42,28,.72);max-width:620px}
    .on-dark{color:#fff}
    .on-dark .lead{color:rgba(255,255,255,.72)}
    .gold-text{background:linear-gradient(100deg,var(--g600),var(--g400) 40%,var(--g300) 60%,var(--g500));}
    .hero .gold-text{background:linear-gradient(100deg,#7a5612,#A87A28 45%,#C4963A 70%,#8A6018);-webkit-background-clip:text;background-clip:text;color:transparent}
    .gold-text{-webkit-background-clip:text;background-clip:text;color:transparent}
    .btn{display:inline-flex;align-items:center;gap:10px;border-radius:999px;padding:15px 28px;font-weight:700;font-size:.92rem;transition:transform .3s var(--ease),box-shadow .3s var(--ease),background .3s;cursor:pointer;border:0;font-family:inherit}
    .btn-gold{background:linear-gradient(135deg,var(--g300),var(--g400) 45%,var(--g500));color:var(--f900);box-shadow:0 10px 30px -8px rgba(196,150,58,.7),inset 0 1px 0 rgba(255,255,255,.6)}
    .btn-gold:hover{transform:translateY(-3px);box-shadow:0 18px 40px -10px rgba(196,150,58,.85),inset 0 1px 0 rgba(255,255,255,.6)}
    .btn-ghost{background:rgba(255,255,255,.55);color:var(--f800);border:1px solid rgba(28,71,49,.18);backdrop-filter:blur(10px)}
    .btn-ghost:hover{background:#fff;transform:translateY(-3px)}
    .btn svg{width:16px;height:16px}

    /* ── NAV ── */
    #nav{position:fixed;inset:0 0 auto 0;z-index:60;transition:background .4s,box-shadow .4s,padding .4s;padding:18px 0}
    #nav.scrolled{background:rgba(238,248,241,.82);backdrop-filter:blur(18px) saturate(1.4);box-shadow:0 10px 40px -20px rgba(8,26,16,.45);padding:10px 0}
    #nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}
    .brand{display:flex;align-items:center;gap:12px}
    .brand img{height:46px;width:auto}
    /* 2026 gold coin logo — real thickness from stacked discs, flips on hover */
    .coin3d{--w:54px;position:relative;display:inline-block;flex:none;width:var(--w);height:var(--w);transform-style:preserve-3d;animation:coinIdle 9s ease-in-out infinite}
    .coin3d i{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 40% 35%,#D9AE4E,#8A6018)}
    .coin3d img{position:absolute;inset:0;width:100%;height:100%;backface-visibility:hidden}
    .coin3d::after{content:'';position:absolute;left:10%;right:10%;bottom:-16%;height:16%;border-radius:50%;background:radial-gradient(closest-side,rgba(8,26,16,.35),transparent);transform:rotateX(80deg)}
    a:hover > .coin3d,.coin3d:hover{animation:coinFlip 1.1s cubic-bezier(.2,.8,.2,1)}
    @keyframes coinIdle{0%,100%{transform:perspective(500px) rotateY(-24deg) rotateX(8deg)}50%{transform:perspective(500px) rotateY(24deg) rotateX(4deg)}}
    @keyframes coinFlip{from{transform:perspective(500px) rotateY(0)}to{transform:perspective(500px) rotateY(360deg)}}
    /* launch screen — cinematic: the intro film on a floating screen with ambient glow.
       Its click is the user gesture that lets the soundtrack start together with the site. */
    html.welcome-open{overflow:hidden}
    .welcome{position:fixed;inset:0;z-index:300;overflow:hidden;color:#fff;background:#06140d;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(10px,1.6vh,16px);padding:clamp(12px,2vh,20px) clamp(14px,2.4vw,40px) clamp(12px,2.2vh,22px);clip-path:circle(160vmax at var(--cx,50%) var(--cy,50%));transition:clip-path 1.15s cubic-bezier(.7,0,.2,1)}
    .welcome.out{clip-path:circle(0px at var(--cx,50%) var(--cy,50%))}
    .w-amb{position:absolute;inset:-12%;width:124%;height:124%;object-fit:cover;filter:blur(70px) saturate(1.5) brightness(.9);opacity:.75}
    .welcome::before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 70% 60% at 50% 45%,rgba(6,20,13,0) 40%,rgba(6,20,13,.7) 100%),linear-gradient(180deg,rgba(6,20,13,.55),transparent 22%,transparent 68%,rgba(6,20,13,.9))}
    .welcome::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}
    .welcome > :not(.w-amb){position:relative;z-index:2}
    .w-top{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;animation:wFade .9s var(--ease) .2s both}
    .w-brand{display:flex;align-items:center;gap:12px}
    .w-brand .coin3d{--w:40px}
    .w-brand b{display:block;font-family:var(--serif);font-weight:800;font-size:1.08rem;letter-spacing:-.02em}
    .w-brand small{display:block;margin-top:3px;font-size:.6rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--g300)}
    .w-hint{display:flex;align-items:center;gap:10px;padding:9px 15px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.85)}
    .w-bars{display:flex;align-items:flex-end;gap:2px;height:14px}
    .w-bars i{width:3px;border-radius:2px;background:linear-gradient(var(--g300),var(--g500));animation:wBar 1s ease-in-out infinite}
    .w-bars i:nth-child(2){animation-delay:-.3s}.w-bars i:nth-child(3){animation-delay:-.6s}.w-bars i:nth-child(4){animation-delay:-.15s}
    @keyframes wBar{0%,100%{height:3px}50%{height:14px}}
    .w-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;min-height:0;width:100%;perspective:1800px}
    .w-svcs{display:none;flex-wrap:wrap;justify-content:center;gap:8px;max-width:420px}
    .w-svcs span{padding:8px 13px;border-radius:999px;font-size:.74rem;font-weight:700;color:rgba(255,255,255,.75);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);transition:all .35s var(--ease)}
    .w-svcs span.on{color:var(--f900);background:linear-gradient(135deg,var(--g300),var(--g400));border-color:transparent;transform:scale(1.06);box-shadow:0 10px 24px -10px rgba(223,184,74,.8)}
    .w-screen{position:relative;width:100%;max-width:calc((100vh - 172px) * 2.2);aspect-ratio:16/9;max-height:calc(100vh - 172px);border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.22);box-shadow:0 0 0 10px rgba(255,255,255,.035),0 60px 140px -40px rgba(0,0,0,.85),0 0 160px -30px rgba(223,184,74,.4);transform:none;transition:transform .6s var(--ease);animation:wScreen 1.3s var(--ease) both}
    .w-screen video{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
    .w-screen::after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(115deg,rgba(255,255,255,.16),transparent 32%)}
    .w-tag{position:absolute;left:16px;top:14px;z-index:2;display:flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:rgba(6,20,13,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:.62rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
    .w-tag i{width:7px;height:7px;border-radius:50%;background:#ff5a4f;animation:ping 1.8s infinite}
    .w-prog{position:absolute;left:0;bottom:0;z-index:2;height:3px;width:0;background:linear-gradient(90deg,var(--g300),var(--g500));box-shadow:0 0 12px rgba(240,216,152,.8)}
    @keyframes wScreen{from{opacity:0;transform:rotateX(20deg) translateY(50px) scale(.92)}}
    @keyframes wFade{from{opacity:0;transform:translateY(14px)}}
    .w-bottom{display:flex;justify-content:space-between;align-items:center;gap:28px;animation:wFade .9s var(--ease) 1.1s both}
    .w-head{text-align:right;animation:wFade .9s var(--ease) .3s both}
    .w-head small{display:flex;justify-content:flex-end;align-items:center;gap:10px;font-size:.66rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--g300);animation:wFade .8s var(--ease) .5s both}
    .w-head small::before{content:'';width:26px;height:2px;background:var(--g400)}
    .w-title{margin-top:4px;font-family:var(--serif);font-weight:800;font-size:clamp(1.25rem,2.2vw,2.1rem);line-height:1.18;letter-spacing:-.04em}
    .w-title span{display:inline-block;animation:wWord .9s var(--ease) both;animation-delay:calc(var(--i) * 70ms + .55s)}
    .w-title .g{padding:0 .04em .14em 0;margin-bottom:-.14em;background:linear-gradient(100deg,#F0D898,#DFB84A 50%,#FFF1C2 70%,#C4963A);-webkit-background-clip:text;background-clip:text;color:transparent}
    @keyframes wWord{from{opacity:0;transform:translateY(55%) rotate(3deg);filter:blur(6px)}}
    .w-cta{display:flex;flex-direction:row-reverse;align-items:center;gap:22px;flex:none}
    .w-enter{position:relative;display:inline-flex;align-items:center;gap:16px;padding:9px 32px 9px 9px;border:0;border-radius:999px;cursor:pointer;overflow:hidden;font:800 1.06rem var(--sans);letter-spacing:-.01em;color:var(--f900);background:linear-gradient(135deg,#FFF1C2,#DFB84A 45%,#C4963A);box-shadow:0 22px 60px -14px rgba(223,184,74,.75),inset 0 1px 0 rgba(255,255,255,.7);transition:transform .35s var(--ease),box-shadow .35s}
    .w-enter:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 30px 70px -14px rgba(223,184,74,.9),inset 0 1px 0 rgba(255,255,255,.7)}
    .w-enter::after{content:'';position:absolute;top:0;bottom:0;left:-40%;width:30%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);transform:skewX(-20deg);animation:wShine 3.2s ease-in-out 1.8s infinite}
    @keyframes wShine{0%{left:-40%}45%,100%{left:130%}}
    .w-orb{position:relative;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--f900)}
    .w-orb::before{content:'';position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(15,42,28,.35);animation:wRing 1.8s ease-out infinite}
    @keyframes wRing{from{transform:scale(.85);opacity:1}to{transform:scale(1.35);opacity:0}}
    .w-orb .w-bars{height:18px}.w-orb .w-bars i{width:3.5px}
    .w-quiet{background:none;border:0;cursor:pointer;font:600 .84rem var(--sans);color:rgba(255,255,255,.7);text-decoration:underline;text-underline-offset:4px}
    .w-quiet:hover{color:#fff}
    @media (max-width:820px){
      .w-hint{display:none}
      .w-svcs{display:flex}
      .w-top{flex-direction:column;gap:14px}
      .w-head{text-align:left}.w-head small{justify-content:flex-start}
      .w-screen{width:100%;border-radius:18px}
      .w-bottom{flex-direction:column;align-items:stretch;gap:20px}
      .w-cta{flex-direction:column;align-items:stretch;gap:12px}
      .w-enter{justify-content:center}
      .w-quiet{align-self:center}
    }
    .brand b{display:block;font-family:var(--serif);font-weight:800;letter-spacing:-.02em;font-size:1.08rem;color:var(--f800);line-height:1}
    .brand small{display:block;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--f500);margin-top:4px;font-weight:600}
    .menu{display:flex;align-items:center;gap:30px;font-size:.88rem;font-weight:600;color:var(--f800)}
    .menu > a,.drop > button{position:relative;padding:6px 0;background:none;border:0;font:inherit;color:inherit;cursor:pointer;display:flex;align-items:center;gap:6px}
    .menu > a::after{content:'';position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--g500);transition:width .3s}
    .menu > a:hover::after{width:100%}
    .drop{position:relative}
    /* invisible bridge over the gap so the pointer can travel from the button into the panel */
    .drop::after{content:'';position:absolute;left:-40px;right:-40px;top:100%;height:22px}
    .drop-panel{position:absolute;top:calc(100% + 14px);left:50%;width:560px;transform:translate(-50%,10px) perspective(800px) rotateX(-8deg);transform-origin:top center;opacity:0;pointer-events:none;transition:all .35s var(--ease);background:rgba(253,252,249,.97);border:1px solid rgba(28,71,49,.1);border-radius:22px;box-shadow:0 30px 70px -20px rgba(8,26,16,.45);padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:4px}
    .drop-panel{background:#FDFCF9;transition:opacity .3s var(--ease) .25s,transform .35s var(--ease) .25s}
    .drop:hover .drop-panel,.drop:focus-within .drop-panel{opacity:1;pointer-events:auto;transform:translate(-50%,0) perspective(800px) rotateX(0);transition-delay:0s}
    .drop-panel a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;font-size:.86rem;transition:background .2s}
    .drop-panel a:hover{background:var(--f50)}
    .drop-panel .ico{width:40px;height:40px;flex:none}
    .nav-actions{display:flex;align-items:center;gap:12px}
    .nav-actions .btn{padding:11px 22px;font-size:.84rem}
    .burger{display:none;width:44px;height:44px;border-radius:12px;border:1px solid rgba(28,71,49,.18);background:rgba(255,255,255,.6);cursor:pointer;align-items:center;justify-content:center}
    .burger span{display:block;width:18px;height:2px;background:var(--f800);position:relative}
    .burger span::before,.burger span::after{content:'';position:absolute;left:0;width:18px;height:2px;background:var(--f800)}
    .burger span::before{top:-6px}.burger span::after{top:6px}
    #mobile{display:none;padding:12px 24px 22px}
    #mobile.open{display:grid;gap:4px}
    #mobile a{padding:12px 4px;border-bottom:1px solid rgba(28,71,49,.1);font-weight:600;color:var(--f800)}

    /* ── SOUND TOGGLE ── */
    .sound{display:flex;align-items:center;gap:10px;height:44px;padding:0 16px 0 12px;border-radius:999px;border:1px solid rgba(28,71,49,.18);background:rgba(255,255,255,.6);backdrop-filter:blur(10px);cursor:pointer;font:600 .78rem var(--sans);color:var(--f800);transition:all .3s}
    .sound:hover{background:#fff}
    .eq{display:flex;align-items:flex-end;gap:2px;height:16px;width:20px}
    .eq i{flex:1;background:linear-gradient(var(--g400),var(--f500));border-radius:1px;height:3px;transition:height .08s}
    .sound.on{background:var(--f800);color:var(--g300);border-color:var(--f800)}

    /* ── HERO ── */
    .hero{position:relative;min-height:100vh;padding:150px 0 90px;overflow:hidden;
      background:
        radial-gradient(900px 600px at 12% 8%,rgba(255,255,255,.75),transparent 60%),
        linear-gradient(165deg,#eef8f1 0%,#d9ede0 38%,#b3dbc1 72%,#9fd0b0 100%)}
    #scene{position:absolute;inset:0;width:100%;height:100%;z-index:0}
    .hero .wrap{position:relative;z-index:2;display:grid;grid-template-columns:.94fr 1.06fr;gap:48px;align-items:center}
    .pill{display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 10px;border-radius:999px;background:rgba(255,255,255,.7);border:1px solid rgba(28,71,49,.12);font-size:.75rem;font-weight:700;color:var(--f700);letter-spacing:.04em;backdrop-filter:blur(8px)}
    .pill .dot{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,var(--g400) 45%,var(--g600));box-shadow:0 0 0 4px rgba(223,184,74,.22)}
    h1{font-family:var(--serif);font-weight:800;font-size:clamp(2.6rem,5.4vw,4.6rem);line-height:1.04;letter-spacing:-.045em;color:var(--f900);margin:26px 0 24px}
    h1 em{font-style:normal;font-weight:800}
    .hero p.lead{font-size:1.13rem}
    .hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin:34px 0 46px}
    .trust-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
    .avatars{display:flex}
    .avatars img{width:46px;height:46px;border-radius:50%;object-fit:cover;border:3px solid #eef8f1;margin-left:-12px;box-shadow:0 6px 14px -4px rgba(8,26,16,.35)}
    .avatars img:first-child{margin-left:0}
    .avatars.icons .ico{width:48px;height:48px;padding:5px;margin-left:-10px;border-radius:50%;background:linear-gradient(150deg,#fff,#e9f5ed);border:3px solid #eef8f1;box-shadow:0 6px 14px -4px rgba(8,26,16,.35);filter:none}
    .avatars.icons .ico:first-child{margin-left:0}
    .trust-row small{display:block;font-size:.8rem;color:rgba(15,42,28,.65);margin-top:2px}
    .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:40px}
    .stat{padding:16px 14px;border-radius:18px;background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.8);backdrop-filter:blur(10px);box-shadow:0 12px 30px -18px rgba(8,26,16,.4)}
    .stat b{display:block;font-family:var(--serif);font-weight:800;letter-spacing:-.04em;font-size:1.75rem;line-height:1;color:var(--f800)}
    .stat b span{color:var(--g500)}
    .stat small{display:block;font-size:.72rem;color:rgba(15,42,28,.62);margin-top:6px;font-weight:600;letter-spacing:.02em}

    .stage{position:relative;perspective:1600px;height:520px}
    .reel-wrap{position:absolute;left:0;right:0;top:40px;transform-style:preserve-3d;transform:rotateY(-11deg) rotateX(6deg);transition:transform .25s linear}
    .reel-wrap::before{content:'';position:absolute;inset:0;border-radius:26px;background:linear-gradient(160deg,#1C5C3A,#0b2116);transform:translateZ(-18px) translate(10px,12px);box-shadow:-40px 60px 100px -40px rgba(8,26,16,.7)}
    .reel{position:relative;aspect-ratio:16/9;border-radius:26px;overflow:hidden;background:#0f2a1c;border:1px solid rgba(255,255,255,.6)}
    .reel video{width:100%;height:100%;object-fit:cover;display:block}
    .reel::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.18),transparent 35%);border-radius:inherit}
    .reel-cap{position:absolute;left:18px;top:16px;z-index:2;display:flex;align-items:center;gap:8px;font-size:.66rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#fff;background:rgba(8,26,16,.55);backdrop-filter:blur(6px);padding:7px 12px;border-radius:999px}
    .reel-cap i{width:7px;height:7px;border-radius:50%;background:#ff5a4f;animation:ping 1.8s infinite}
    .mini{position:absolute;left:-34px;bottom:0;width:300px;transform:translateZ(70px)}
    .mini .rev{transform:none!important;padding:14px 16px 26px}
    .mini .rev b{font-size:1.5rem}
    .mini .bars{height:70px;gap:12px;padding-top:12px}
    .dash-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
    .dash-head small{display:block;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--f500)}
    .dash-head b{display:block;font-family:var(--serif);font-weight:800;font-size:1.02rem;letter-spacing:-.02em;margin-top:2px}
    .live{display:inline-flex;align-items:center;gap:7px;font-size:.66rem;font-weight:800;letter-spacing:.14em;color:var(--f600);background:var(--f50);border:1px solid var(--f100);padding:6px 11px;border-radius:999px}
    .live i{width:7px;height:7px;border-radius:50%;background:#2fbf6a;box-shadow:0 0 0 0 rgba(47,191,106,.6);animation:ping 1.8s infinite}
    @keyframes ping{70%{box-shadow:0 0 0 8px rgba(47,191,106,0)}100%{box-shadow:0 0 0 0 rgba(47,191,106,0)}}
    .rev{border-radius:20px;padding:16px 18px 30px;background:linear-gradient(160deg,#0f2a1c,#1C4731);color:#fff;transform:translateZ(40px)!important;box-shadow:0 24px 40px -22px rgba(8,26,16,.7)}
    .rev-top{display:flex;justify-content:space-between;align-items:flex-start}
    .rev small{font-size:.7rem;font-weight:600;color:rgba(255,255,255,.6)}
    .rev b{display:block;font-family:var(--serif);font-weight:800;font-size:1.9rem;letter-spacing:-.04em;line-height:1.1}
    .delta{font-size:.72rem;font-weight:800;color:#0f2a1c;background:linear-gradient(135deg,#8fe0ae,#46a06d);padding:5px 10px;border-radius:999px}
    .bars{display:flex;align-items:flex-end;gap:16px;height:100px;padding:16px 12px 0 2px}
    .bar{position:relative;flex:1;height:var(--h);background:linear-gradient(180deg,#5fbf86,#2D7D52);transform-origin:bottom;animation:grow 1.4s var(--ease) both;animation-delay:calc(var(--i) * 90ms + .3s)}
    .bar::before{content:'';position:absolute;left:0;top:-9px;width:100%;height:9px;background:#9be3b6;transform:skewX(-45deg);transform-origin:left bottom}
    .bar::after{content:'';position:absolute;right:-9px;top:0;width:9px;height:100%;background:#1C4731;transform:skewY(-45deg);transform-origin:left top}
    .bar.now{background:linear-gradient(180deg,#F0D898,#C4963A)}
    .bar.now::before{background:#FFF1C2}.bar.now::after{background:#8A6018}
    .bar span{position:absolute;left:0;right:0;bottom:-20px;text-align:center;font-size:.6rem;font-weight:600;color:rgba(255,255,255,.55)}
    @keyframes grow{from{transform:scaleY(0)}}
    .tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0;transform-style:preserve-3d}
    .tile{padding:12px 14px;border-radius:16px;background:#fff;border:1px solid var(--f100);box-shadow:0 14px 24px -18px rgba(8,26,16,.5);transform:translateZ(24px)}
    .tile small{display:block;font-size:.66rem;font-weight:600;color:rgba(15,42,28,.55)}
    .tile b{display:block;font-family:var(--serif);font-weight:800;font-size:1.15rem;letter-spacing:-.03em;margin:2px 0}
    .tile em{font-style:normal;font-size:.68rem;font-weight:600;color:var(--g600)}
    .tile em.ok{color:var(--f500)}
    .tile svg{display:block;width:100%;height:16px;margin-top:2px}
    .next{margin-bottom:0;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:linear-gradient(135deg,rgba(223,184,74,.16),rgba(223,184,74,.05));border:1px solid rgba(196,150,58,.3)}
    .next img{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid var(--g400);flex:none}
    .next small{display:block;font-size:.64rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--g600)}
    .next b{display:block;font-size:.88rem;margin:1px 0}
    .next em{font-style:normal;font-size:.7rem;color:rgba(15,42,28,.55)}
    .dash-foot{display:flex;justify-content:space-between;margin-top:12px;font-size:.68rem;font-weight:600;color:rgba(15,42,28,.55)}
    .dash-foot span:first-child{color:var(--g600)}
    .chip{position:absolute;z-index:3;display:flex;align-items:center;gap:12px;padding:10px 16px 10px 10px;border-radius:18px;background:rgba(253,252,249,.92);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.9);box-shadow:0 24px 50px -18px rgba(8,26,16,.5);font-size:.8rem;animation:bob 6s ease-in-out infinite}
    .chip .ico{width:44px;height:44px;flex:none}
    .chip img{width:46px;height:46px;border-radius:50%;object-fit:cover;border:2px solid var(--g400);flex:none}
    .chip b{display:block;font-size:.92rem;color:var(--f800)}
    .chip small{color:rgba(15,42,28,.6);font-weight:600}
    .chip.c1{top:0;right:-20px}
    @keyframes bob{0%,100%{transform:translateY(0) translateZ(60px)}50%{transform:translateY(-14px) translateZ(60px)}}
    .scroll-cue{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--f700);font-weight:700}
    .scroll-cue i{width:22px;height:36px;border:2px solid var(--f600);border-radius:12px;position:relative}
    .scroll-cue i::after{content:'';position:absolute;left:50%;top:7px;width:4px;height:7px;margin-left:-2px;background:var(--g500);border-radius:2px;animation:wheel 1.8s infinite}
    @keyframes wheel{0%{opacity:1;transform:none}100%{opacity:0;transform:translateY(12px)}}

    /* ── MARQUEE ── */
    .marquee{background:linear-gradient(180deg,#9fd0b0,#93c9a6);overflow:hidden;padding:20px 0;border-top:1px solid rgba(255,255,255,.4);border-bottom:1px solid rgba(255,255,255,.4)}
    .track{display:flex;gap:56px;width:max-content;animation:marq 38s linear infinite}
    .marquee:hover .track{animation-play-state:paused}
    .badge{display:flex;align-items:center;gap:12px;font-weight:700;font-size:.86rem;color:var(--f800);white-space:nowrap}
    .badge i{font-style:normal;display:grid;place-items:center;min-width:42px;height:30px;padding:0 8px;border-radius:9px;font-size:.7rem;font-weight:800;color:var(--f900);background:linear-gradient(145deg,var(--g300),var(--g500));box-shadow:0 4px 0 var(--g600),0 8px 16px -6px rgba(8,26,16,.4)}
    @keyframes marq{to{transform:translateX(-50%)}}

    /* ── SECTIONS: gradient journey light green → dark green ── */
    section{position:relative}
    .s-services{padding:110px 0;background:linear-gradient(180deg,#93c9a6 0%,#7cbf97 100%)}
    .s-people{padding:110px 0;background:linear-gradient(180deg,#7cbf97 0%,#5eac7f 100%)}
    .s-about{padding:120px 0;background:linear-gradient(180deg,#5eac7f 0%,#2D7D52 14%,#1C5C3A 60%,#1C4731 100%)}
    .s-process{padding:110px 0;background:linear-gradient(180deg,#1C4731 0%,#163828 100%)}
    .s-faq{padding:110px 0;background:linear-gradient(180deg,#163828 0%,#0f2a1c 100%)}
    .s-cta{padding:140px 0;overflow:hidden;background:#0f2a1c}
    .s-contact{padding:110px 0;background:linear-gradient(180deg,#0f2a1c 0%,#0b2116 100%)}
    footer{background:linear-gradient(180deg,#0b2116,#081a10);padding:80px 0 32px;color:rgba(255,255,255,.55)}
    .head-center{text-align:center;margin:0 auto 64px;max-width:760px}
    .head-center .lead{margin:0 auto}

    /* ── 3D ICONS ── */
    .ico{display:block;width:96px;height:96px;filter:drop-shadow(0 10px 12px rgba(8,26,16,.22))}
    .ico svg{width:100%;height:100%;overflow:visible}

    /* ── SERVICE CARDS ── */
    .grid-services{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;perspective:1600px}
    .card{position:relative;border-radius:28px;padding:30px 28px 28px;background:linear-gradient(160deg,rgba(255,255,255,.88),rgba(255,255,255,.62));border:1px solid rgba(255,255,255,.9);box-shadow:0 30px 60px -32px rgba(8,26,16,.55);transform-style:preserve-3d;transition:transform .25s var(--ease),box-shadow .4s;will-change:transform;overflow:hidden}
    .card:hover{box-shadow:0 44px 80px -30px rgba(8,26,16,.6)}
    .card::before{content:'';position:absolute;inset:0;background:radial-gradient(400px circle at var(--mx,50%) var(--my,0%),rgba(255,255,255,.75),transparent 45%);opacity:0;transition:opacity .3s;pointer-events:none}
    .card:hover::before{opacity:1}
    .card > *{transform:translateZ(30px)}
    .card .ico{transform:translateZ(70px);margin:-6px 0 14px -8px;transition:transform .5s var(--ease)}
    .card:hover .ico{transform:translateZ(90px) translateY(-6px) rotate(-4deg)}
    .card h3{font-family:var(--serif);font-size:1.3rem;font-weight:800;letter-spacing:-.02em;color:var(--f900);margin-bottom:8px;line-height:1.15}
    .card p{font-size:.9rem;line-height:1.65;color:rgba(15,42,28,.7)}
    .card ul{list-style:none;margin:16px 0 20px;display:grid;gap:7px}
    .card li{font-size:.83rem;color:var(--f800);display:flex;gap:9px;align-items:flex-start;font-weight:500}
    .card li::before{content:'';flex:none;width:16px;height:16px;margin-top:1px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#8fe0ae,var(--f500) 55%,var(--f700));box-shadow:inset 0 -2px 2px rgba(0,0,0,.2)}
    .more{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.85rem;color:var(--f700)}
    .more svg{width:16px;height:16px;transition:transform .3s}
    .card:hover .more svg{transform:translateX(5px)}
    .card.feature{grid-column:span 2;grid-row:span 2;background:linear-gradient(150deg,#1C5C3A,#163828 55%,#0f2a1c);border-color:rgba(255,255,255,.12);color:#fff;padding:40px;display:flex;flex-direction:column}
    .card.feature h3{color:#fff;font-size:2.1rem;letter-spacing:-.035em}
    .card.feature p{color:rgba(255,255,255,.72);font-size:1rem;max-width:420px}
    .card.feature li{color:rgba(255,255,255,.88);font-size:.92rem}
    .card.feature .ico{width:150px;height:150px}
    .card.feature .more{color:var(--g300)}
    .card.feature .shot{position:absolute;right:-30px;bottom:-30px;width:56%;aspect-ratio:1;border-radius:28px;overflow:hidden;transform:translateZ(20px) rotate(-8deg);opacity:.9;box-shadow:0 30px 60px -20px rgba(0,0,0,.6)}
    .card.feature .shot img{width:100%;height:100%;object-fit:cover}
    .card.feature .shot::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(15,42,28,.85),rgba(15,42,28,.1))}
    .sig{display:inline-flex;align-self:flex-start;gap:8px;align-items:center;font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--f900);background:linear-gradient(135deg,var(--g300),var(--g400));padding:7px 14px;border-radius:999px;margin-bottom:18px}
    .card.wide{grid-column:span 2;display:grid;grid-template-columns:auto 1fr;gap:6px 22px;align-items:start}
    .card.wide{align-content:start}.card.wide .ico{grid-row:span 4}
    .card.dark{background:linear-gradient(150deg,#1C4731,#0f2a1c);border-color:rgba(255,255,255,.1)}
    .card.dark h3{color:#fff}.card.dark p{color:rgba(255,255,255,.7)}.card.dark li{color:rgba(255,255,255,.88)}.card.dark .more{color:var(--g300)}

    /* ── PEOPLE ── */
    .people{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;perspective:1400px}
    .person{position:relative;height:440px;border-radius:30px;overflow:hidden;transform-style:preserve-3d;transition:transform .25s var(--ease);box-shadow:0 40px 70px -35px rgba(8,26,16,.7);background:var(--f800)}
    .person img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.6;transition:transform .8s var(--ease),opacity .5s}
    .person:hover img{transform:scale(1.07);opacity:.72}
    .person::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,26,16,.1) 0%,rgba(8,26,16,.35) 45%,rgba(8,26,16,.92) 100%)}
    .person .ico{position:absolute;top:16px;right:14px;z-index:2;width:74px;height:74px;transform:translateZ(60px)}
    .person .txt{position:absolute;left:14px;right:14px;bottom:14px;z-index:2;padding:18px 18px 20px;border-radius:20px;color:#fff;background:rgba(8,26,16,.66);-webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2);border:1px solid rgba(255,255,255,.16);box-shadow:0 20px 40px -18px rgba(0,0,0,.75);transform:translateZ(40px)}
    .person .txt small{display:inline-block;padding:5px 11px;border-radius:999px;font-size:.64rem;letter-spacing:.13em;text-transform:uppercase;font-weight:800;color:var(--f900);background:linear-gradient(135deg,var(--g300),var(--g400))}
    .person .txt h3{font-family:var(--serif);font-weight:800;letter-spacing:-.025em;font-size:1.45rem;margin:12px 0 8px;line-height:1.12;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.5)}
    .person .txt p{font-size:.88rem;line-height:1.55;font-weight:500;color:rgba(255,255,255,.94)}
    .s-people .head-center .lead{color:rgba(15,42,28,.78)}

    /* ── ABOUT ── */
    .about{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
    .collage{position:relative;height:580px;perspective:1400px}
    .collage .p1,.collage .p2{position:absolute;border-radius:28px;overflow:hidden;box-shadow:0 40px 80px -30px rgba(0,0,0,.7)}
    .collage .p1{inset:0 90px 90px 0;transform:rotateY(10deg) rotateX(3deg)}
    .collage .p2{width:56%;height:46%;right:0;bottom:0;transform:rotateY(-10deg) translateZ(80px);border:6px solid #1C5C3A}
    .collage img{width:100%;height:100%;object-fit:cover}
    .collage .float{position:absolute;left:-30px;bottom:60px;z-index:3;padding:20px 22px;border-radius:22px;background:rgba(253,252,249,.95);color:var(--f900);box-shadow:0 30px 60px -20px rgba(0,0,0,.6);animation:bob 7s ease-in-out infinite}
    .collage .float b{font-family:var(--serif);font-weight:800;letter-spacing:-.04em;font-size:2.1rem;line-height:1;color:var(--f700)}
    .collage .float small{display:block;font-size:.75rem;font-weight:600;color:rgba(15,42,28,.6);margin-top:4px}
    .values{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:34px}
    .value{display:flex;gap:14px;align-items:flex-start;padding:18px;border-radius:22px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);transition:background .3s,transform .3s}
    .value:hover{background:rgba(255,255,255,.1);transform:translateY(-4px)}
    .value .ico{width:62px;height:62px;flex:none;filter:drop-shadow(0 10px 12px rgba(0,0,0,.35))}
    .value h4{font-family:var(--serif);font-weight:700;font-size:1.05rem;color:#fff;margin-bottom:4px}
    .value p{font-size:.83rem;line-height:1.55;color:rgba(255,255,255,.65)}
    .creds{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
    .creds span{font-size:.75rem;font-weight:700;padding:8px 14px;border-radius:999px;border:1px solid rgba(223,184,74,.4);color:var(--g300);background:rgba(223,184,74,.08)}

    /* ── PROCESS ── */
    .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;position:relative;perspective:1400px}
    /* connector: one dashed segment per card, coin-edge to next coin-edge, at the coin's centre line.
       --cx/--cy = coin centre inside the card, --cr = coin radius, gap must match .steps gap */
    .step{--cx:62px;--cy:224px;--cr:19px}
    .step:not(:last-child)::after{content:'';position:absolute;z-index:4;pointer-events:none;height:2px;margin-top:-1px;top:var(--cy);left:calc(var(--cx) + var(--cr) + 8px);width:calc(100% + 26px - 2 * var(--cr) - 16px);background:repeating-linear-gradient(90deg,var(--g400) 0 10px,transparent 10px 20px);opacity:.7;transform:translateZ(60px)}  /* same depth as the coin so perspective projects them together */
    .step{position:relative;border-radius:28px;background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.12);padding:14px 14px 28px;transform-style:preserve-3d;transition:transform .25s var(--ease)}
    .step .ph{height:220px;border-radius:20px;overflow:hidden;position:relative}
    .step .ph img{width:100%;height:100%;object-fit:cover}
    .step .ph::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(15,42,28,.7))}
    .step .num{position:absolute;top:186px;left:28px;z-index:3;width:68px;height:68px;transform:translateZ(60px)}
    .step h3{font-family:var(--serif);font-weight:800;letter-spacing:-.025em;font-size:1.35rem;color:#fff;margin:50px 16px 10px}
    .step p{font-size:.9rem;line-height:1.65;color:rgba(255,255,255,.68);margin:0 16px}

    /* ── FAQ ── */
    .faq{max-width:860px;margin:0 auto;display:grid;gap:14px}
    .q{border-radius:22px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);overflow:hidden;transition:background .3s}
    .q.open{background:rgba(255,255,255,.09);border-color:rgba(223,184,74,.35)}
    .q button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 26px;background:none;border:0;cursor:pointer;text-align:left;font:600 1.02rem var(--sans);color:#fff}
    .q button i{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,var(--g300),var(--g500));color:var(--f900);font-style:normal;font-weight:800;transition:transform .4s var(--ease);box-shadow:0 3px 0 var(--g600)}
    .q.open button i{transform:rotate(45deg)}
    .q .a{max-height:0;overflow:hidden;transition:max-height .5s var(--ease)}
    .q .a p{padding:0 26px 24px;font-size:.93rem;line-height:1.75;color:rgba(255,255,255,.7)}

    /* ── CTA ── */
    .s-cta .bg{position:absolute;inset:-10% 0;background:url('https://images.unsplash.com/photo-1544698202-afeeb997d98c?w=1800&q=70&auto=format') center/cover;opacity:.5;will-change:transform}
    .s-cta::before{content:'';position:absolute;inset:0;z-index:1;background:radial-gradient(800px 500px at 50% 50%,rgba(28,92,58,.55),rgba(8,26,16,.92)),linear-gradient(180deg,#0f2a1c,transparent 25%,transparent 75%,#0f2a1c)}
    .s-cta .wrap{position:relative;z-index:2;text-align:center}
    .s-cta .h2,.s-cta .lead{text-shadow:0 2px 18px rgba(0,0,0,.55)}
    .s-cta .lead{color:rgba(255,255,255,.9)}
    .s-cta .lead{margin:0 auto 36px}

    /* ── CONTACT ── */
    .contact{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}
    .info{display:grid;gap:14px;margin-top:30px}
    .info div{display:flex;gap:16px;align-items:center;padding:16px;border-radius:20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
    .info .ico{width:54px;height:54px;flex:none}
    .info small{display:block;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--g300);font-weight:700}
    .info a,.info span{color:#fff;font-size:.95rem}
    .advisor{display:flex;gap:16px;align-items:center;margin-top:24px;padding:18px;border-radius:22px;background:linear-gradient(135deg,rgba(223,184,74,.16),rgba(223,184,74,.04));border:1px solid rgba(223,184,74,.3)}
    .advisor .ico{width:64px;height:64px;flex:none}
    .advisor img{width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid var(--g400)}
    .advisor p{font-size:.88rem;line-height:1.55;color:rgba(255,255,255,.8)}
    .form{border-radius:30px;background:var(--cream);padding:40px;box-shadow:0 50px 100px -40px rgba(0,0,0,.8);color:var(--f900);transform-style:preserve-3d}
    .form h3{font-family:var(--serif);font-weight:800;letter-spacing:-.03em;font-size:1.6rem;margin-bottom:6px}
    .form > p{font-size:.88rem;color:rgba(15,42,28,.6);margin-bottom:24px}
    .row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
    .field{display:grid;gap:7px;margin-bottom:16px}
    .field label{font-size:.75rem;font-weight:700;letter-spacing:.04em;color:var(--f700)}
    .field input,.field select,.field textarea{width:100%;border:1.5px solid #E5DDD0;background:#fff;border-radius:14px;padding:13px 15px;font:400 .93rem var(--sans);color:var(--f900);transition:border .2s,box-shadow .2s;resize:vertical}
    .field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--f500);box-shadow:0 0 0 4px rgba(45,125,82,.14)}
    .form .btn{width:100%;justify-content:center;padding:17px}
    .form .fine{text-align:center;font-size:.74rem;color:rgba(15,42,28,.5);margin-top:12px}

    /* ── FOOTER ── */
    .foot{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.08)}
    .foot .coin3d{--w:96px;margin:4px 0 26px}
    .foot p{font-size:.88rem;line-height:1.7;max-width:320px}
    .foot h4{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--g300);margin-bottom:16px}
    .foot ul{list-style:none;display:grid;gap:10px;font-size:.88rem}
    .foot a:hover{color:#fff}
    .legal{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:.78rem;padding-top:26px}
    .legal div{display:flex;gap:20px}
    .disclaimer{font-size:.72rem;margin-top:16px;color:rgba(255,255,255,.35)}

    .wa{position:fixed;right:24px;bottom:24px;z-index:70;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#4ee28a,#1fa855);box-shadow:0 6px 0 #148a43,0 18px 30px -8px rgba(0,0,0,.45);transition:transform .3s}
    .wa:hover{transform:translateY(-4px)}
    .wa svg{width:30px;height:30px;fill:#fff}

    /* ── REVEAL ── */
    .rv{opacity:0;transform:translateY(40px) rotateX(8deg);transition:opacity .9s var(--ease),transform .9s var(--ease)}
    .rv.in{opacity:1;transform:none}

    @media (max-width:1080px){
      .menu{display:none}.burger{display:flex}
      .hero .wrap,.about,.contact{grid-template-columns:1fr}
      .stage{height:480px;max-width:640px;width:100%;margin:0 auto}
      .grid-services{grid-template-columns:1fr 1fr}
      .people{grid-template-columns:1fr 1fr}
      .foot{grid-template-columns:1fr 1fr}
    }
    @media (max-width:680px){
      .wrap{padding:0 16px}
      .hero{padding-top:120px}
      .nav-actions .btn,.sound .lbl{display:none}
      .brand small{display:none}.brand .coin3d{--w:44px}.brand b{font-size:1rem}
      .stats{grid-template-columns:1fr 1fr}
      .stage{height:390px}
      .reel-wrap{transform:rotateY(-6deg) rotateX(4deg)}
      .mini{left:0;width:220px}.mini .bars{height:46px;gap:9px}.mini .rev b{font-size:1.15rem}
      .chip.c1{right:-4px;top:-14px}.chip.c1 small{display:none}
      .grid-services,.people,.steps,.values,.row,.foot{grid-template-columns:1fr}
      .card.feature,.card.wide{grid-column:auto}
      .card.wide{grid-template-columns:1fr}.card.wide .ico{grid-row:auto}
      .card.feature .shot{display:none}
      .step::after{display:none}
      .collage{height:440px}.collage .p1{inset:0 30px 70px 0}.collage .float{left:8px}
      .form{padding:26px}
    }
    @media (prefers-reduced-motion:reduce){
      *,*::before,*::after{animation:none!important;transition:none!important}
      .rv{opacity:1;transform:none}
    }
  
    /* ───────── service pages ───────── */
    .hero-svc{min-height:auto;padding:140px 0 96px}
    .hero-svc .wrap{grid-template-columns:1.05fr .95fr}
    .hero-svc h1{font-size:clamp(2.3rem,4.6vw,3.9rem)}
    .crumbs{display:flex;gap:8px;align-items:center;font-size:.78rem;font-weight:600;color:rgba(15,42,28,.55);margin-bottom:18px}
    .crumbs a:hover{color:var(--f700)}
    .crumbs b{color:var(--g600);font-weight:700}
    .badges-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}
    .badges-row span{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.9);font-size:.78rem;font-weight:700;color:var(--f800)}
    .badges-row span::before{content:'';width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,var(--g400) 50%,var(--g600))}
    .svc-stage{position:relative;height:540px;perspective:1600px}
    .svc-photo{position:absolute;right:10px;top:0;width:350px;height:450px;border-radius:32px;overflow:hidden;transform:rotateY(-14deg) rotateX(5deg);box-shadow:-40px 60px 100px -40px rgba(8,26,16,.6),0 0 0 1px rgba(255,255,255,.6);transition:transform .25s linear}
    .svc-photo img{width:100%;height:100%;object-fit:cover}
    .svc-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(15,42,28,.55)),linear-gradient(115deg,rgba(255,255,255,.25),transparent 40%)}
    .svc-orb{position:absolute;left:0;bottom:30px;width:250px;height:250px;border-radius:44px;display:grid;place-items:center;background:linear-gradient(150deg,rgba(255,255,255,.92),rgba(255,255,255,.55));border:1px solid #fff;box-shadow:0 40px 80px -30px rgba(8,26,16,.55);transform:perspective(900px) rotateY(16deg) rotateX(6deg)}
    .svc-orb::before{content:'';position:absolute;inset:18px;border-radius:50%;background:radial-gradient(closest-side,rgba(223,184,74,.35),transparent)}
    .svc-orb .ico{position:relative;width:190px;height:190px;animation:floaty 6s ease-in-out infinite}
    @keyframes floaty{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-14px) rotate(2deg)}}
    .chip.s1{top:36px;left:-10px}
    .chip.s2{bottom:-4px;right:-14px;animation-delay:-3s}
    .grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;perspective:1600px}
    .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;perspective:1600px}
    .grid4 .card,.grid3 .card{display:flex;flex-direction:column}
    .grid4 .card .ico{width:86px;height:86px}
    .person.tall{height:460px}
    .steps.four{grid-template-columns:repeat(4,1fr)}
    .step.simple{--cx:62px;--cy:70px;--cr:21px}
    .step.simple{padding:28px 24px 30px}
    .step.simple .num{position:relative;top:auto;left:auto;width:76px;height:76px}
    .step.simple h3{margin:16px 0 8px}
    .step.simple p{margin:0}
    @media (max-width:1080px){
      .hero-svc .wrap{grid-template-columns:1fr}
      .svc-stage{height:500px;max-width:560px;width:100%;margin:0 auto}
      .grid4,.steps.four{grid-template-columns:1fr 1fr}
      .step.simple::after{display:none}
      .grid3{grid-template-columns:1fr 1fr}
    }
    @media (max-width:680px){
      .hero-svc{padding-top:120px}
      .svc-stage{height:440px}
      .svc-photo{width:72%;height:360px;right:0}
      .svc-orb{width:190px;height:190px;bottom:20px}.svc-orb .ico{width:140px;height:140px}
      .chip.s1{left:0;top:10px}.chip.s2{right:0}
      .grid4,.grid3,.steps.four{grid-template-columns:1fr}
    }