:root{
      --bg:#07090b;
      --text:#eef8f8;
      --line:rgba(232,255,255,.14);
      --line-strong:rgba(232,255,255,.28);
      --accent:#00e4fd;
      --cream:#dfe9e6;
      --page:clamp(18px,3vw,56px);
      --display:clamp(58px,10.7vw,178px);
      --h2:clamp(42px,7vw,112px);
      --ease:cubic-bezier(.2,.75,.2,1);
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth;background:var(--bg)}
    body{margin:0;background:var(--bg);color:var(--text);font-family:"Play","Manrope","Arial",sans-serif;overflow-x:hidden}
    body::before{
      content:"";position:fixed;inset:0;pointer-events:none;z-index:80;opacity:.18;
      background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E");
      mix-blend-mode:soft-light
    }
    a{color:inherit;text-decoration:none}
    button{font:inherit}
    .progress{position:fixed;top:0;left:0;height:2px;width:0;background:var(--accent);z-index:120;box-shadow:0 0 18px var(--accent)}
    /* v9.4.23 — homepage follows the same cursor contract as every internal page. */
    .cursor{position:fixed;width:10px;height:10px;border-radius:50%;background:var(--accent);z-index:2147483600;pointer-events:none;transform:translate(-50%,-50%);mix-blend-mode:difference;transition:width .25s,height .25s,opacity .25s;opacity:0}
    .cursor.is-over-footer{mix-blend-mode:normal}
    .cursor-ring{position:fixed;width:38px;height:38px;border:1px solid rgba(0,228,253,.65);border-radius:50%;z-index:2147483590;pointer-events:none;transform:translate(-50%,-50%);transition:width .3s var(--ease),height .3s var(--ease),border-color .3s,opacity .25s;opacity:0}
    .cursor.is-big{width:14px;height:14px}.cursor-ring.is-big{width:84px;height:84px;border-color:rgba(255,255,255,.45)}
    body.custom-cursor-native .cursor,body.custom-cursor-native .cursor-ring{opacity:0!important}
    @media (hover:hover) and (pointer:fine){
      body.custom-cursor-ready:not(.effects-off){cursor:none}
      body.custom-cursor-ready:not(.effects-off) :is(a[href],button:not(:disabled),[role="button"],[role="link"],summary,label[for],input[type="button"],input[type="submit"],input[type="reset"],input[type="checkbox"],input[type="radio"],select:not(:disabled),[onclick],[data-contact-modal]){cursor:pointer!important}
      body.custom-cursor-ready:not(.effects-off) :is(input:not([type]),input[type="text"],input[type="email"],input[type="tel"],input[type="url"],input[type="search"],input[type="password"],input[type="number"],textarea,[contenteditable="true"]){cursor:text!important}
    }

    .ambient{position:fixed;inset:0;pointer-events:none;z-index:1;overflow:hidden}
    .ambient::before{content:"";position:absolute;width:52vw;height:52vw;border-radius:50%;left:var(--mx,70%);top:var(--my,20%);transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(0,228,253,.10),rgba(0,228,253,.025) 35%,transparent 68%);filter:blur(20px);transition:left .12s linear,top .12s linear}
    .ambient-orb{position:absolute;border:1px solid rgba(0,228,253,.14);border-radius:50%;animation:drift 18s ease-in-out infinite alternate}
    .ambient-orb.one{width:38vw;height:38vw;right:-20vw;top:22vh}.ambient-orb.two{width:28vw;height:28vw;left:-14vw;top:64vh;animation-duration:23s}.ambient-orb.three{width:16vw;height:16vw;right:10vw;bottom:-8vw;animation-duration:15s}
    @keyframes drift{to{transform:translate3d(4vw,-5vh,0) rotate(24deg)}}

    .section-rail{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:96;display:flex;flex-direction:column;gap:10px}
    .section-rail a{width:28px;height:10px;display:flex;align-items:center;justify-content:flex-end}.section-rail i{display:block;width:6px;height:1px;background:#66777a;transition:.35s var(--ease)}.section-rail a.active i{width:24px;background:var(--accent);box-shadow:0 0 10px var(--accent)}

    .nav{position:fixed;z-index:100;top:18px;left:var(--page);right:var(--page);height:68px;border:1px solid var(--line);background:rgba(7,9,11,.62);backdrop-filter:blur(16px);border-radius:999px;display:flex;align-items:center;justify-content:space-between;padding:0 10px 0 22px;transition:.4s var(--ease)}
    .brand{display:flex;align-items:center;font-size:14px;letter-spacing:.14em;text-transform:uppercase;font-weight:700}
    .nav-links{display:flex;gap:26px;color:#c6d1d2;font-size:13px}
    .nav-links a{position:relative}
    .nav-links a::after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:var(--accent);transition:.3s var(--ease)}
    .nav-links a:hover::after{right:0}
    .nav-cta{height:48px;padding:0 22px;border:0;border-radius:999px;background:var(--text);color:#071014;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:14px}
    .nav-cta i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}

    main{position:relative}
    .hero{min-height:100svh;position:relative;padding:138px var(--page) 46px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}
    .hero-grid{position:absolute;inset:0;opacity:.4;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:9vw 9vw;mask-image:linear-gradient(to bottom,black 0%,rgba(0,0,0,.8) 55%,transparent 100%)}
    .hero-glow{position:absolute;width:60vw;height:60vw;border-radius:50%;filter:blur(100px);background:rgba(0,228,253,.12);top:-30vw;right:-18vw;animation:breath 7s ease-in-out infinite alternate}
    .hero-noise-lines{position:absolute;inset:0;pointer-events:none;opacity:.24;background:repeating-linear-gradient(180deg,transparent 0 5px,rgba(255,255,255,.025) 6px);mask-image:linear-gradient(to bottom,black,transparent 85%)}
    .hero-code{position:absolute;left:var(--page);bottom:15%;font:10px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em;color:#5c6c6f;text-transform:uppercase;z-index:2;writing-mode:vertical-rl;transform:rotate(180deg)}
    .hero-orbit{position:absolute;width:42vw;height:42vw;border:1px solid rgba(0,228,253,.16);border-radius:50%;right:-14vw;top:8vh;z-index:1;animation:spin 26s linear infinite}
    .hero-orbit::before,.hero-orbit::after{content:"";position:absolute;border-radius:50%;border:1px dashed rgba(255,255,255,.10)}.hero-orbit::before{inset:12%}.hero-orbit::after{inset:28%}
    @keyframes breath{to{transform:scale(1.25) translate(-3vw,4vw);opacity:.6}}
    .hero-top{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
    .eyebrow{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--accent);font-size:12px;letter-spacing:.17em;text-transform:uppercase;display:flex;align-items:center;gap:12px}
    .eyebrow::before{content:"";width:36px;height:1px;background:var(--accent)}
    .hero-note{max-width:440px;justify-self:end;color:#aab8ba;font-size:clamp(14px,1.3vw,19px);line-height:1.45}
    .hero-title{position:relative;z-index:3;margin:clamp(30px,5vh,60px) 0 0;text-transform:uppercase;font-weight:700;line-height:.76;letter-spacing:-.07em;font-size:var(--display)}
    .hero-title .line{display:block;white-space:nowrap;will-change:transform;transform-origin:left center}
    .hero-title .line::selection{background:var(--accent);color:#041013}
    .hero-title .line:nth-child(2){padding-left:9.5vw;color:transparent;-webkit-text-stroke:1px rgba(235,255,255,.88)}
    .hero-title .line:nth-child(3){padding-left:2.5vw;position:relative;z-index:3}
    .hero-title em{font-style:normal;color:var(--accent);text-shadow:0 0 42px rgba(0,228,253,.22)}

    .hero-interface{position:absolute;right:4.5vw;top:45%;width:min(39vw,620px);height:clamp(260px,31vw,490px);border:1px solid var(--line-strong);border-radius:32px;background:linear-gradient(145deg,rgba(18,28,33,.94),rgba(8,11,13,.72));box-shadow:0 38px 100px rgba(0,0,0,.55),0 0 0 1px rgba(0,228,253,.04) inset;z-index:2;transform:rotate(-4deg);transition:transform .3s ease;backdrop-filter:blur(20px);transform-style:preserve-3d}
    .hero-interface::before{content:"";position:absolute;inset:-20px;border:1px solid rgba(0,228,253,.10);border-radius:42px;transform:translateZ(-20px)}
    .hero-interface::after{content:"";position:absolute;inset:0;border-radius:32px;pointer-events:none;background:linear-gradient(105deg,transparent 22%,rgba(255,255,255,.09) 42%,transparent 58%);transform:translateX(-130%);animation:glassSweep 5.5s ease-in-out infinite}
    @keyframes glassSweep{45%,100%{transform:translateX(140%)}}
    .float-chip{position:absolute;z-index:6;border:1px solid var(--line-strong);background:rgba(7,11,13,.82);backdrop-filter:blur(12px);border-radius:999px;padding:10px 14px;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;color:#b9c7c9;box-shadow:0 14px 36px rgba(0,0,0,.35);animation:chipFloat 5s ease-in-out infinite}
    .float-chip i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent);margin-right:8px}.float-chip.one{left:-16%;top:16%}.float-chip.two{right:-14%;top:52%;animation-delay:-1.6s}.float-chip.three{left:9%;bottom:-8%;animation-delay:-3.2s}
    @keyframes chipFloat{50%{transform:translateY(-10px)}}
    .interface-bar{height:54px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:#9fb0b2;border-radius:32px 32px 0 0;overflow:hidden}
    .dots{display:flex;gap:7px}.dots span{width:7px;height:7px;border-radius:50%;background:#314046}.dots span:first-child{background:var(--accent)}
    .interface-body{display:grid;grid-template-columns:70px 1fr;height:calc(100% - 54px);border-radius:0 0 32px 32px;overflow:hidden}
    .side-rail{border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:22px;padding-top:24px}
    .rail-icon{width:27px;height:27px;border:1px solid var(--line);border-radius:9px;position:relative}.rail-icon.active{border-color:var(--accent);box-shadow:0 0 18px rgba(0,228,253,.18)}
    .rail-icon::after{content:"";position:absolute;inset:8px;border:1px solid currentColor;border-radius:50%;color:#7f9093}.rail-icon.active::after{color:var(--accent)}
    .dashboard{padding:22px;display:grid;grid-template-rows:auto 1fr auto;gap:18px}
    .dash-head{display:flex;justify-content:space-between;align-items:flex-end}.dash-head h3{margin:0;font-size:clamp(20px,2.2vw,34px);letter-spacing:-.04em}.dash-head small{color:#7f9194;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
    .signal{position:relative;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:linear-gradient(180deg,rgba(0,228,253,.07),transparent)}
    .signal::before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:50px 50px;opacity:.55}
    .signal svg{position:absolute;inset:10%;width:80%;height:80%;overflow:visible}
    .signal .point{filter:drop-shadow(0 0 6px var(--accent))}
    .dash-foot{display:grid;grid-template-columns:1.2fr .8fr;gap:12px}.metric{border:1px solid var(--line);border-radius:17px;padding:14px 16px}.metric b{display:block;font-size:clamp(18px,2vw,30px);margin-top:9px}.metric span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#829396;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}

    .hero-foot{position:relative;z-index:5;display:flex;align-items:flex-end;justify-content:space-between;margin-top:40px}
    .hero-cta{display:inline-flex;align-items:center;gap:20px;font-weight:700;font-size:14px;letter-spacing:.04em}.hero-cta .circle{width:54px;height:54px;border-radius:50%;border:1px solid var(--line-strong);display:grid;place-items:center;transition:.3s}.hero-cta:hover .circle{background:var(--accent);color:#041014;border-color:var(--accent);transform:rotate(45deg)}
    .scroll-index{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#6f8184;font-size:11px;text-align:right}.scroll-index b{color:var(--text);font-size:20px;font-weight:400}

    .ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;background:#0b0e10;padding:20px 0;}
    .ticker-track{display:flex;width:max-content;animation:ticker 24s linear infinite;font-size:clamp(23px,3vw,48px);text-transform:uppercase;letter-spacing:-.03em;white-space:nowrap;will-change:transform;transform:translate3d(0,0,0);backface-visibility:hidden}
    .ticker-track span{display:flex;align-items:center;gap:28px;margin-right:28px}.ticker-track i{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}
    @keyframes ticker{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
    .ticker{width:100%!important;margin-left:0!important;transform:none!important;contain:paint}
    @media(max-width:767px){.ticker-track{font-size:clamp(21px,7vw,34px)}}
    .statement{min-height:88svh;display:grid;place-items:center;position:relative;overflow:hidden;background:#07090b;border-bottom:1px solid var(--line)}
    .statement::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(0,228,253,.08),transparent 38%)}
    .statement-ring{position:absolute;width:min(72vw,980px);aspect-ratio:1;border-radius:50%;border:1px solid rgba(0,228,253,.18);box-shadow:0 0 0 80px rgba(0,228,253,.018),0 0 0 160px rgba(0,228,253,.012);animation:spin 35s linear infinite}
    .statement-copy{position:relative;z-index:2;text-align:center;text-transform:uppercase;font-size:clamp(54px,11vw,178px);line-height:.76;letter-spacing:-.08em;font-weight:700}
    .statement-copy span{display:block}.statement-copy span:nth-child(2){color:transparent;-webkit-text-stroke:1px rgba(238,248,248,.86);transform:translateX(7vw)}
    .statement-copy em{font-style:normal;color:var(--accent)}
    .statement-note{position:absolute;bottom:8%;right:var(--page);max-width:360px;color:#7e8f92;line-height:1.55;font-size:13px}
    .section{padding:clamp(100px,12vw,190px) var(--page);position:relative}
    .section-head{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:clamp(60px,9vw,130px)}
    .section-label{color:var(--accent);font-size:12px;letter-spacing:.17em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
    .section-intro{font-size:clamp(24px,3vw,48px);line-height:1.13;letter-spacing:-.04em;max-width:920px}
    .section-intro strong{color:var(--accent);font-weight:400}

    .manifest{background:var(--cream);color:#081013;overflow:hidden}
    .manifest .section-label{color:#087987}
    .manifest-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:5vw;align-items:start}
    .manifest-title{font-size:var(--h2);line-height:.88;letter-spacing:-.07em;text-transform:uppercase;margin:0;}
    .manifest-title span{display:block;color:transparent;-webkit-text-stroke:1px #081013}
    .principles{border-top:1px solid rgba(8,16,19,.28)}
    .principle{display:grid;grid-template-columns:70px 1fr 60px;gap:24px;padding:28px 0;border-bottom:1px solid rgba(8,16,19,.28);align-items:center;transition:.35s var(--ease)}
    .principle:hover{padding-left:18px;padding-right:18px;background:rgba(0,228,253,.14)}
    .principle .num{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:#476265}.principle h3{margin:0;font-size:clamp(22px,3vw,42px);letter-spacing:-.04em}.principle p{margin:8px 0 0;max-width:620px;color:#506064;line-height:1.6}.principle .arrow{font-size:28px;transform:rotate(-45deg)}

    .work{background:#0b0e10;overflow:hidden;isolation:isolate}
    .work::before{content:"SELECTED WORK";position:absolute;left:-2vw;top:4%;font-size:17vw;font-weight:800;letter-spacing:-.1em;color:rgba(255,255,255,.018);white-space:nowrap;z-index:-1}
    .work-title{font-size:var(--h2);line-height:.84;letter-spacing:-.065em;text-transform:uppercase;margin:0 0 80px}.work-title span{display:block;padding-left:20vw;color:transparent;-webkit-text-stroke:1px rgba(238,248,248,.8)}
    .projects{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(20px,3vw,50px);align-items:start}
    .project-card{position:relative;overflow:hidden;border-radius:32px;border:1px solid var(--line);background:#11171b;min-height:460px;transform-style:preserve-3d}
    .project-card--ai{grid-column:1/span 8;min-height:520px}
    .project-card--sales{grid-column:9/span 4;min-height:390px;margin-top:12vw}
    .project-card--growth{grid-column:1/span 5;min-height:430px;margin-top:1.5vw}
    .project-card--support{grid-column:6/span 7;min-height:530px;margin-top:8vw}
    .project-visual{position:absolute;inset:0;transition:transform .8s var(--ease)}
    .project-card:hover .project-visual{transform:scale(1.05)}
    .visual-one{background:radial-gradient(circle at 65% 40%,rgba(0,228,253,.65),transparent 8%),radial-gradient(circle at 60% 45%,rgba(0,228,253,.15),transparent 31%),linear-gradient(130deg,#0c1519,#111e23 45%,#07090b)}
    .visual-one::before{content:"";position:absolute;width:52%;height:64%;right:9%;top:14%;border:1px solid rgba(255,255,255,.22);border-radius:30px;transform:rotate(-10deg);background:linear-gradient(145deg,rgba(255,255,255,.07),transparent);box-shadow:-45px 30px 0 rgba(0,228,253,.04),-45px 30px 0 1px rgba(255,255,255,.08)}
    .visual-one::after{content:"AI";position:absolute;right:15%;top:19%;font-size:clamp(90px,16vw,250px);font-weight:800;letter-spacing:-.12em;color:rgba(255,255,255,.08)}
    .visual-two{background:linear-gradient(45deg,#16100d,#080b0d 55%,#102126)}
    .visual-two::before{content:"";position:absolute;inset:12%;background:repeating-linear-gradient(90deg,transparent 0 22px,rgba(0,228,253,.22) 23px 24px);transform:skew(-14deg);mask-image:linear-gradient(90deg,transparent,black 20%,black 80%,transparent)}
    .visual-two::after{content:"01  001  101  011\A10  110  010  111";white-space:pre;position:absolute;left:12%;top:20%;font:clamp(22px,4vw,62px)/1.15 ui-monospace,SFMono-Regular,Menlo,monospace;color:rgba(255,255,255,.1);letter-spacing:.05em}
    .visual-three{background:radial-gradient(circle at 18% 20%,rgba(0,228,253,.25),transparent 18%),linear-gradient(120deg,#071013,#12232a 58%,#080b0d)}
    .visual-three::before{content:"";position:absolute;inset:8% 10%;border:1px solid rgba(255,255,255,.16);border-radius:28px;background:linear-gradient(90deg,transparent 48%,rgba(0,228,253,.08) 49%,rgba(0,228,253,.08) 51%,transparent 52%),linear-gradient(transparent 48%,rgba(255,255,255,.06) 49%,rgba(255,255,255,.06) 51%,transparent 52%);background-size:70px 70px;transform:perspective(900px) rotateX(58deg) rotateZ(-9deg);box-shadow:0 40px 80px rgba(0,0,0,.45)}
    .visual-three::after{content:"GROWTH / TRAFFIC / 03";position:absolute;left:8%;top:12%;font:11px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.17em;color:var(--accent)}
    .visual-four{background:radial-gradient(circle at 78% 24%,rgba(0,228,253,.36),transparent 15%),linear-gradient(135deg,#071013 0%,#102329 48%,#080b0d 100%)}
    .visual-four::before{content:"";position:absolute;inset:13% 9% 18%;border:1px solid rgba(255,255,255,.16);border-radius:28px;background:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(0,228,253,.09) 1px,transparent 1px);background-size:44px 44px;box-shadow:0 34px 80px rgba(0,0,0,.45),inset 0 0 60px rgba(0,228,253,.035);transform:rotate(3deg)}
    .visual-four::after{content:"UPTIME     ACTIVE\ABACKUP     OK\AUPDATE     READY";white-space:pre;position:absolute;right:12%;top:20%;font:clamp(14px,2vw,28px)/1.75 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;color:rgba(238,248,248,.18);text-align:right;text-shadow:0 0 28px rgba(0,228,253,.18)}
    .project-meta{position:absolute;left:0;right:0;bottom:0;padding:28px;background:linear-gradient(transparent,rgba(3,5,6,.95));display:flex;justify-content:space-between;align-items:end}
    .project-meta small{color:var(--accent);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}.project-meta h3{margin:9px 0 0;font-size:clamp(26px,4vw,56px);letter-spacing:-.05em}.project-meta .open{width:54px;height:54px;min-width:54px;flex:0 0 54px;border:1px solid var(--line-strong);border-radius:50%;display:grid;place-items:center;font-size:24px}
    .work-actions{display:flex;justify-content:flex-end;margin-top:clamp(34px,5vw,72px)}
    .work-portfolio-link{display:inline-flex;align-items:center;gap:14px;border:1px solid var(--line-strong);border-radius:999px;padding:15px 21px;color:#a8b7b9;font-weight:700;transition:.35s var(--ease)}
    .work-portfolio-link:hover{border-color:rgba(0,228,253,.52);background:rgba(0,228,253,.08);color:var(--text);transform:translateY(-3px)}
    .work-portfolio-link span{color:var(--accent);font-size:20px;transition:transform .35s var(--ease)}
    .work-portfolio-link:hover span{transform:translate(3px,-3px)}

    .agents{background:var(--cream);color:#081013;overflow:hidden}
    .agents .section-label{color:#087987}.agent-head{display:grid;grid-template-columns:1.2fr .8fr;gap:5vw;align-items:end}.agent-head h2{font-size:var(--h2);line-height:.84;letter-spacing:-.07em;text-transform:uppercase;margin:0}.agent-head p{font-size:clamp(18px,2vw,29px);line-height:1.35;margin:0 0 10px}.agent-lab{margin-top:80px;border:1px solid rgba(8,16,19,.32);border-radius:34px;overflow:hidden;background:#0b1012;color:var(--text);box-shadow:0 40px 90px rgba(9,22,23,.18)}
    .agent-tabs{height:68px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px;padding:0 14px}.agent-tab{border:0;background:transparent;color:#718386;padding:14px 18px;border-radius:999px;cursor:pointer}.agent-tab.active{background:var(--accent);color:#061113;font-weight:700}
    .agent-panel{display:grid;grid-template-columns:1fr 1fr;min-height:510px}.agent-copy{padding:clamp(28px,5vw,72px);border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}.agent-copy .tag{color:var(--accent);font:11px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase}.agent-copy h3{font-size:clamp(36px,5.2vw,78px);letter-spacing:-.06em;line-height:.94;margin:24px 0}.agent-copy p{color:#9eadaf;line-height:1.65;max-width:600px}.agent-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.agent-stat{border-top:1px solid var(--line);padding-top:16px}.agent-stat b{display:block;font-size:clamp(22px,3vw,40px);font-weight:500}.agent-stat small{color:#7c8e91}
    .terminal{padding:30px;background:radial-gradient(circle at 70% 20%,rgba(0,228,253,.1),transparent 32%),#080b0d;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;position:relative;overflow:hidden}.terminal::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 50%,rgba(0,0,0,.08) 50%);background-size:100% 4px;pointer-events:none}.term-line{padding:12px 0;border-bottom:1px dashed rgba(255,255,255,.09);color:#90a0a2;opacity:0;transform:translateY(8px);animation:termIn .5s forwards}.term-line:nth-child(2){animation-delay:.4s}.term-line:nth-child(3){animation-delay:.8s}.term-line:nth-child(4){animation-delay:1.2s}.term-line:nth-child(5){animation-delay:1.6s}.term-line:nth-child(6){animation-delay:2s}.term-line strong{color:var(--accent);font-weight:400}.term-line .ok{color:#adffb6}.term-orb{width:120px;height:120px;border-radius:50%;border:1px solid var(--accent);position:absolute;right:8%;bottom:10%;box-shadow:inset 0 0 38px rgba(0,228,253,.18),0 0 60px rgba(0,228,253,.14);animation:orb 4s ease-in-out infinite}.term-orb::before,.term-orb::after{content:"";position:absolute;inset:20%;border:1px solid rgba(0,228,253,.45);border-radius:50%;animation:spin 7s linear infinite}.term-orb::after{inset:38%;background:var(--accent);box-shadow:0 0 24px var(--accent)}
    @keyframes termIn{to{opacity:1;transform:none}}@keyframes orb{50%{transform:translateY(-12px) scale(1.06)}}@keyframes spin{to{transform:rotate(360deg)}}

    .process{background:var(--bg)}

    .final{min-height:90svh;background:var(--accent);color:#041013;padding:clamp(90px,10vw,150px) var(--page);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
    .final::before{content:"";position:absolute;width:70vw;height:70vw;border:1px solid rgba(4,16,19,.16);border-radius:50%;right:-30vw;top:-25vw;box-shadow:0 0 0 80px rgba(4,16,19,.04),0 0 0 160px rgba(4,16,19,.03)}
    .final-top{display:grid;grid-template-columns:1fr 1fr;gap:30px;position:relative;z-index:2}.final-top p{max-width:500px;font-size:clamp(18px,2vw,28px);line-height:1.35;justify-self:end;margin:0}.final h2{font-size:clamp(72px,14vw,230px);line-height:.74;letter-spacing:-.085em;text-transform:uppercase;margin:80px 0;position:relative;z-index:2}.final h2 span{display:block;margin-left:16vw;color:transparent;-webkit-text-stroke:1.5px #041013}.final-foot{display:flex;justify-content:space-between;align-items:end;position:relative;z-index:2}.final-btn{width:clamp(150px,18vw,260px);aspect-ratio:1;border-radius:50%;border:1px solid rgba(4,16,19,.45);display:grid;place-items:center;text-align:center;font-size:clamp(16px,1.7vw,25px);font-weight:700;transition:.35s}.final-btn:hover{background:#041013;color:var(--accent);transform:rotate(-8deg) scale(1.06)}.final-contact{text-align:right}.final-contact b{display:block;font-size:clamp(18px,2.5vw,36px);margin-top:10px}.final-contact small{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em}

    .reveal{opacity:0;transform:translateY(70px) scale(.985);filter:blur(7px);transition:opacity 1s var(--ease),transform 1s var(--ease),filter 1s var(--ease)}.reveal.in{opacity:1;transform:none;filter:none}
    .reveal-delay-1{transition-delay:.12s}
    .magnetic{will-change:transform}

    @media(max-width:900px){
      .cursor,.cursor-ring,.section-rail{display:none}.nav{left:12px;right:12px;top:12px}.nav{padding-left:16px}.nav-cta{padding:0 16px}
      .hero{padding-top:118px;min-height:900px}.hero-top,.section-head,.manifest-layout,.agent-head,.final-top{grid-template-columns:1fr}.hero-note{justify-self:start}.hero-title{font-size:clamp(55px,15.5vw,116px);line-height:.82}.hero-title .line:nth-child(2){padding-left:4vw}.hero-interface{width:76vw;height:360px;right:-15vw;top:53%;transform:rotate(-5deg)}.interface-body{grid-template-columns:54px 1fr}.side-rail{gap:15px}.dashboard{padding:15px}.hero-foot{margin-top:auto}.scroll-index{display:none}
      .section{padding:100px 20px}.section-head{margin-bottom:60px}.manifest-title{margin-bottom:50px}.principle{grid-template-columns:48px 1fr 32px}.projects{grid-template-columns:1fr}.project-card--ai,.project-card--sales,.project-card--growth,.project-card--support{grid-column:auto;margin-top:0}.agent-panel{grid-template-columns:1fr}.agent-copy{border-right:0;border-bottom:1px solid var(--line)}.final h2{font-size:clamp(70px,20vw,150px)}.final h2 span{margin-left:5vw}.final-foot{align-items:center}.statement{min-height:70svh}.statement-copy{font-size:16vw}.statement-note{left:20px;right:20px;text-align:center}.float-chip.one{left:-8%}.float-chip.two{right:-7%}.float-chip.three{bottom:-6%}
    }
    /* iPad/tablet portrait: keep the long third hero line inside the viewport.
       Landscape tablets and desktop geometry stay unchanged. */
    @media(min-width:768px) and (max-width:900px) and (orientation:portrait){
      .hero-title .line:nth-child(3){font-size:.79em;letter-spacing:-.085em}
    }
    @media(max-width:560px){
      .nav-cta span{display:none}.hero{min-height:830px;padding-left:16px;padding-right:16px}.hero-title{font-size:clamp(51px,15.8vw,84px)}.hero-title .line:nth-child(3){font-size:.72em;letter-spacing:-.085em}.hero-interface{width:92vw;right:-27vw;top:50%;height:330px}.hero-note{max-width:310px}.dash-foot{grid-template-columns:1fr 1fr}.metric{padding:10px}.section{padding-left:16px;padding-right:16px}.section-intro{font-size:27px}.principle{padding:22px 0;gap:12px}.principle p{font-size:14px}.project-card{min-height:430px}.project-card--sales{min-height:360px}.project-card--growth{min-height:400px}.project-card--support{min-height:450px}.agent-lab{border-radius:22px}.agent-tabs{overflow:auto}.agent-panel{min-height:auto}.agent-copy,.terminal{padding:24px}.agent-stats{grid-template-columns:1fr}.terminal{min-height:420px}.final{min-height:800px;padding-left:16px;padding-right:16px}.final-top p{justify-self:start}.final h2{font-size:19vw}.final-foot{align-items:flex-end}.final-btn{width:130px}.final-contact b{font-size:20px}
    }
    @media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

    /* WOW v3 — интерактивный слой */
    main{z-index:2}
    .field-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.55;transition:opacity .45s var(--ease)}
    body.effects-off .field-canvas,body.effects-off .trail-dot,body.effects-off .cursor,body.effects-off .cursor-ring{opacity:0!important}
    .energy-toggle{position:fixed;left:18px;bottom:18px;z-index:98;border:1px solid var(--line);background:rgba(7,9,11,.72);backdrop-filter:blur(14px);color:#aebabc;border-radius:999px;padding:10px 14px;display:flex;align-items:center;gap:10px;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em;text-transform:uppercase;cursor:pointer;transition:.3s var(--ease)}
    .energy-toggle i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}
    .energy-toggle:hover{border-color:var(--accent);color:var(--text);transform:translateY(-3px)}
    body.effects-off .energy-toggle i{background:#536164;box-shadow:none}
    .trail-dot{position:fixed;width:5px;height:5px;border-radius:50%;background:var(--accent);z-index:148;pointer-events:none;transform:translate(-50%,-50%);animation:trailFade .7s ease-out forwards;box-shadow:0 0 10px rgba(0,228,253,.75)}
    @keyframes trailFade{to{opacity:0;transform:translate(-50%,-50%) scale(.1)}}
    .click-wave{position:fixed;width:10px;height:10px;border:1px solid rgba(0,228,253,.85);border-radius:50%;pointer-events:none;z-index:999;transform:translate(-50%,-50%);animation:clickWave .72s var(--ease) forwards}
    @keyframes clickWave{to{width:110px;height:110px;opacity:0}}

    @media(max-width:900px){.energy-toggle{left:12px;bottom:12px}}
    @media(max-width:560px){.energy-toggle{padding:9px 10px}.energy-toggle span{display:none}}
    .hero-scan{position:absolute;inset:-30% 0 auto;height:32%;z-index:2;pointer-events:none;background:linear-gradient(to bottom,transparent,rgba(0,228,253,.08),transparent);mix-blend-mode:screen;animation:heroScan 7s linear infinite}
    @keyframes heroScan{to{transform:translateY(430%)}}
    .hero-target{position:absolute;left:50%;top:50%;width:84px;height:84px;border:1px solid rgba(0,228,253,.26);border-radius:50%;z-index:2;pointer-events:none;transform:translate(-50%,-50%);transition:width .25s,height .25s}
    .hero-target::before,.hero-target::after{content:"";position:absolute;background:rgba(0,228,253,.35)}
    .hero-target::before{width:126px;height:1px;left:50%;top:50%;transform:translate(-50%,-50%)}
    .hero-target::after{height:126px;width:1px;left:50%;top:50%;transform:translate(-50%,-50%)}
    .hero-target i{position:absolute;inset:26px;border:1px dashed rgba(0,228,253,.28);border-radius:50%;animation:spin 9s linear infinite}
    .hero-coordinates{position:absolute;right:var(--page);bottom:12%;z-index:4;font:10px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;color:#66777a;letter-spacing:.13em;text-align:right;text-transform:uppercase}
    .hero-title{pointer-events:none}.hero-title .line{transition:color .3s,text-shadow .3s}
    .hero-title:hover .line:nth-child(1){color:rgba(238,248,248,.68)}
    .hero-title:hover .line:nth-child(2){-webkit-text-stroke-color:var(--accent);text-shadow:0 0 50px rgba(0,228,253,.16)}

    @media(max-width:900px){
      .hero-target,.hero-coordinates{display:none}
      /* Первый экран является LCP-контентом и должен появляться без reveal-задержки. */
      .hero .reveal,.hero .reveal.in{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
      .hero-title .line{will-change:auto!important}
      .hero-interface{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
    }
    .rail-icon{appearance:none;background:transparent;color:inherit;padding:0;cursor:pointer;transition:.3s var(--ease)}
    .rail-icon:hover{transform:scale(1.16);border-color:rgba(0,228,253,.7)}
    .dashboard.is-switching{animation:dashSwitch .48s var(--ease)}
    @keyframes dashSwitch{0%{opacity:1;transform:none}40%{opacity:0;transform:translateY(12px) scale(.98);filter:blur(5px)}100%{opacity:1;transform:none;filter:none}}
    .signal path:last-of-type{stroke-dasharray:700;stroke-dashoffset:700;animation:drawSignal 2.4s var(--ease) forwards}
    @keyframes drawSignal{to{stroke-dashoffset:0}}
    .view-badge{position:absolute;right:18px;top:70px;z-index:5;border:1px solid var(--line);border-radius:999px;padding:8px 12px;background:rgba(7,9,11,.7);font:9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;color:var(--accent);text-transform:uppercase}

    /* WOW v3.2 — содержательный интерактив без перекрытий */
    .dashboard{cursor:pointer;position:relative}
    .dashboard::after{content:"CLICK / NEXT SIGNAL";position:absolute;right:22px;top:9px;font:8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;color:rgba(255,255,255,.28);transition:.3s}
    .dashboard:hover::after{color:var(--accent)}
    .dash-burst{position:absolute;width:18px;height:18px;border:1px solid var(--accent);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%) scale(.2);animation:dashBurst .7s var(--ease) forwards;z-index:9}
    @keyframes dashBurst{to{opacity:0;transform:translate(-50%,-50%) scale(11)}}

    @media(max-width:560px){.dashboard::after{display:none}}
    .statement{perspective:900px}
    .statement-ring{will-change:transform;transition:transform .15s linear}
    .statement-core{position:absolute;width:16px;height:16px;border-radius:50%;background:var(--accent);box-shadow:0 0 35px var(--accent);z-index:1;animation:corePulse 2.4s ease-in-out infinite}
    .statement-core::before{content:"";position:absolute;inset:-45px;border:1px solid rgba(0,228,253,.28);border-radius:50%}
    @keyframes corePulse{50%{transform:scale(1.45);opacity:.55}}
    .statement:hover .statement-copy{transform:rotateX(2deg) rotateY(-2deg)}
    .statement-copy{transition:transform .35s var(--ease)}

    .services{background:var(--bg)}
    .service-stage{position:relative;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
    .service-list{position:relative;z-index:3}
    .service-row{display:grid;grid-template-columns:80px minmax(260px,1fr) 1fr 80px;gap:26px;align-items:center;padding:30px 0;border-bottom:1px solid var(--line);cursor:pointer;transition:.3s}
    .service-row:last-child{border-bottom:0}.service-row:hover{padding-left:16px;color:var(--accent)}
    .service-row .num{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#738588;font-size:11px}.service-row h3{margin:0;font-size:clamp(29px,4.5vw,70px);letter-spacing:-.055em;font-weight:500}.service-row p{margin:0;color:#849598;line-height:1.5;max-width:500px}.service-row .go{font-size:26px;justify-self:end}

    .service-row{position:relative;overflow:hidden}
    .service-row::before{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--service-accent);box-shadow:0 0 18px var(--service-accent);transition:.5s var(--ease)}
    .service-row:hover::before,.service-row.expanded::before{right:0}
    .service-row.expanded{padding-left:18px;color:var(--service-accent);background:rgba(255,255,255,.018)}
    .service-row .go{transition:.35s var(--ease)}
    .service-row.expanded .go{transform:rotate(45deg);color:var(--service-accent)}
    .service-detail{grid-column:2/4;max-height:0;opacity:0;overflow:hidden;color:#a6b5b7;line-height:1.6;transition:max-height .5s var(--ease),opacity .4s,padding .5s;padding:0;display:grid;grid-template-columns:1fr auto;gap:24px}
    .service-row.expanded .service-detail{max-height:180px;opacity:1;padding:18px 0 8px}
    .service-detail b{color:var(--text);font-weight:500}
    .service-page-link{display:inline-flex;margin-top:14px;margin-left:8px;color:var(--accent);font-weight:700;white-space:nowrap}
    .service-detail .service-tags{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end;align-content:flex-start}
    .service-detail .service-tags span{border:1px solid var(--line);border-radius:999px;padding:7px 10px;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase;color:#8fa0a3}

    .service-stage{--sx:50%;--sy:50%;--service-accent:var(--accent);overflow:hidden}
    .service-stage::before{content:"";position:absolute;width:440px;height:440px;border-radius:50%;left:var(--sx);top:var(--sy);right:0;bottom:0;transform:translate(-50%,-50%);background:radial-gradient(circle,var(--service-accent),transparent 65%);filter:blur(55px);opacity:.075;pointer-events:none;transition:opacity .3s}
    .service-stage:hover::before{opacity:.14}
    .service-monitor{height:82px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:minmax(210px,.8fr) 1.3fr 80px;gap:28px;align-items:center;position:relative;z-index:3;color:#95a8aa}
    .service-monitor small{display:block;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;color:#5f7376;margin-bottom:7px}.service-monitor b{font-size:15px;color:var(--text);font-weight:500}
    .service-monitor-track{height:2px;background:var(--line);overflow:hidden}.service-monitor-track i{display:block;height:100%;width:25%;background:var(--service-accent);box-shadow:0 0 15px var(--service-accent);transition:width .55s var(--ease),background .3s}
    .service-monitor>span{text-align:right;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;color:var(--service-accent)}
    .service-row.active{padding-left:16px;color:var(--service-accent);background:linear-gradient(90deg,rgba(0,228,253,.05),transparent 58%)}
    .service-row.active .go{transform:rotate(45deg);color:var(--service-accent)}


    @media(max-width:900px){
      .service-row{grid-template-columns:45px 1fr 35px}.service-row p{display:none}
      .service-monitor{grid-template-columns:1fr 1fr 60px}
    }
    @media(max-width:560px){
      .service-monitor{grid-template-columns:1fr 58px;height:74px}.service-monitor-track{display:none}.service-monitor b{font-size:13px}
    }


/* v5 — mobile services, readable form controls and compact visual rhythm */
@media(max-width:767px){
  .services{overflow:hidden}
  .service-monitor{display:none}
  .service-row{
    grid-template-columns:34px minmax(0,1fr) 34px!important;
    gap:12px!important;
    padding:22px 0!important;
    align-items:start!important;
    overflow:visible!important;
  }
  .service-row:hover,.service-row.active,.service-row.expanded{padding-left:0!important}
  .service-row .num{padding-top:5px;font-size:10px}
  .service-row h3{
    min-width:0;
    max-width:100%;
    font-size:clamp(27px,8.1vw,34px)!important;
    line-height:.98!important;
    letter-spacing:-.05em!important;
    overflow-wrap:break-word;
    word-break:normal;
    hyphens:auto;
    text-wrap:balance;
  }
  .service-row .go{font-size:23px;line-height:1;padding-top:2px}
  .service-row p{
    display:block!important;
    grid-column:2/4;
    font-size:14px;
    margin-top:10px;
    max-width:34rem;
  }
  .service-detail{
    grid-column:2/4!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    font-size:14px;
  }
  .service-row.expanded .service-detail{max-height:420px!important;padding:16px 0 4px!important}
  .service-detail .service-tags{justify-content:flex-start!important}
}
@media(max-width:390px){
  .service-row{grid-template-columns:28px minmax(0,1fr) 28px!important;gap:9px!important}
  .service-row h3{font-size:clamp(25px,7.8vw,30px)!important}
  .service-row p,.service-detail{grid-column:2/4!important}
}

    .project-card{cursor:pointer;--px:50%;--py:50%;transition:transform .25s ease,border-color .35s,box-shadow .35s}
    .project-card::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--px) var(--py),rgba(0,228,253,.20),transparent 28%);opacity:0;transition:opacity .35s}
    .project-card:hover::after{opacity:1}
    .project-card:hover{border-color:rgba(0,228,253,.38);box-shadow:0 28px 90px rgba(0,0,0,.4),0 0 48px rgba(0,228,253,.08)}
    .project-card .open{transition:.35s var(--ease)}
    .project-card:hover .open{background:var(--accent);color:#061113;transform:rotate(45deg) scale(1.08)}
    .project-index{position:absolute;right:24px;top:24px;z-index:3;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;color:rgba(255,255,255,.55)}
    .project-scan{position:absolute;left:-20%;right:-20%;height:25%;top:-30%;z-index:2;background:linear-gradient(transparent,rgba(0,228,253,.10),transparent);transform:rotate(-8deg);transition:top 1s var(--ease);pointer-events:none}
    .project-card:hover .project-scan{top:115%}


    .agent-tabs{position:relative}
    .agent-run{margin-left:auto;border:1px solid rgba(0,228,253,.4);background:transparent;color:var(--accent);border-radius:999px;padding:11px 16px;cursor:pointer;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase;display:flex;gap:9px;align-items:center;transition:.3s}
    .agent-run i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}
    .agent-run:hover,.agent-run.running{background:var(--accent);color:#061113}.agent-run.running i{background:#061113;box-shadow:none;animation:blink .55s steps(1) infinite}
    @keyframes blink{50%{opacity:.15}}
    .terminal::before{content:"LIVE DECISION MAP";position:absolute;right:22px;top:18px;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;color:#526568;letter-spacing:.12em}
    .term-orb.running{animation:agentOrbit 1.3s ease-in-out infinite,orb 4s ease-in-out infinite}
    @keyframes agentOrbit{50%{box-shadow:inset 0 0 55px rgba(0,228,253,.35),0 0 95px rgba(0,228,253,.35);transform:scale(1.12) rotate(120deg)}}
    .terminal-flash{position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(0,228,253,.13),transparent 70%);transform:translateX(-100%);pointer-events:none}
    .terminal.running .terminal-flash{animation:terminalSweep 1.4s linear infinite}
    @keyframes terminalSweep{to{transform:translateX(100%)}}


    @media(max-width:900px){.agent-run{margin-left:8px;white-space:nowrap}}
    @media(max-width:560px){.agent-run{font-size:0;padding:11px}.agent-run::after{content:"RUN";font-size:9px}.agent-tab{padding:12px 13px}}
    .final::after{content:"";position:absolute;width:28vw;height:28vw;left:var(--fx,60%);top:var(--fy,40%);transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(4,16,19,.18),transparent 65%);pointer-events:none;transition:left .12s linear,top .12s linear}
    .final h2{transition:transform .18s linear}
    .final-btn{position:relative;overflow:hidden}.final-btn::before{content:"";position:absolute;inset:-30%;background:conic-gradient(from 0deg,transparent,rgba(0,228,253,.55),transparent 22%);animation:spin 4s linear infinite;opacity:0;transition:.3s}.final-btn:hover::before{opacity:1}.final-btn>*{position:relative}

    .manifest-anchor{position:sticky;top:120px;align-self:start}
    .manifest-title{position:static}
    .manifest-readout{margin-top:42px;width:min(330px,100%);border-top:1px solid rgba(8,16,19,.32);padding-top:18px;position:relative;z-index:3}
    .manifest-readout>span,.manifest-readout small{font:10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;color:#567174}
    .manifest-readout b{display:block;font-size:clamp(28px,3.2vw,48px);letter-spacing:-.05em;margin:12px 0 8px}
    .manifest-readout p{margin:0;color:#506064;line-height:1.5;min-height:48px}
    .manifest-meter{display:flex;gap:7px;margin-top:20px}.manifest-meter i{height:3px;flex:1;background:rgba(8,16,19,.16);transition:.45s var(--ease)}.manifest-meter i.active{background:#081013;box-shadow:0 0 0 1px rgba(0,228,253,.22)}
    .manifest-ghost{position:absolute;right:-2vw;bottom:-3vw;font-size:clamp(120px,22vw,390px);line-height:.7;font-weight:800;letter-spacing:-.1em;color:rgba(8,16,19,.045);pointer-events:none;white-space:nowrap;transition:opacity .25s,transform .65s var(--ease);transform:translateX(4vw)}
    .manifest-ghost.switching{opacity:0;transform:translateX(8vw) scale(.97)}
    .principle{cursor:pointer;position:relative;z-index:2;outline:none}
    .principle.active,.principle:focus-visible{padding-left:18px;padding-right:18px;background:rgba(0,228,253,.14)}
    .principle.active .arrow{transform:rotate(0deg);color:#087987}.principle .arrow{transition:.35s var(--ease)}

    @media(max-width:900px){.manifest-anchor{position:static}.manifest-readout{margin-bottom:34px}}
    @media(max-width:560px){.manifest-ghost{display:none}}
    /* WOW v3.4 — фирменный логотип и удобный блок метода */
    .brand{gap:0;flex:0 0 auto}
    .brand-logo{display:block;height:auto;object-fit:contain;filter:drop-shadow(0 0 14px rgba(0,228,253,.08))}

    .process-experience{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.42fr);gap:clamp(20px,3vw,48px);align-items:start}
    .process-tabs{border:1px solid var(--line);border-radius:30px;overflow:hidden;background:rgba(8,12,14,.78);box-shadow:0 28px 80px rgba(0,0,0,.22)}
    .process-tab{appearance:none;width:100%;min-height:142px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);display:grid;grid-template-columns:48px minmax(0,1fr) 36px;gap:18px;align-items:center;padding:24px;text-align:left;cursor:pointer;position:relative;overflow:hidden;transition:background .35s var(--ease),padding .35s var(--ease),color .35s}
    .process-tab:last-child{border-bottom:0}
    .process-tab::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent);transform:scaleY(0);transform-origin:center;transition:transform .38s var(--ease);box-shadow:0 0 18px var(--accent)}
    .process-tab::after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-95px;top:50%;transform:translateY(-50%) scale(.55);background:radial-gradient(circle,rgba(0,228,253,.12),transparent 68%);opacity:0;transition:.45s var(--ease)}
    .process-tab:hover,.process-tab.active,.process-tab:focus-visible{background:linear-gradient(90deg,rgba(0,228,253,.075),rgba(255,255,255,.012));padding-left:30px;outline:none}
    .process-tab.active::before,.process-tab:focus-visible::before{transform:scaleY(1)}
    .process-tab:hover::after,.process-tab.active::after{opacity:1;transform:translateY(-50%) scale(1)}
    .process-tab-index{font:11px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;color:#62777a;align-self:start;padding-top:4px}
    .process-tab.active .process-tab-index{color:var(--accent)}
    .process-tab-copy{display:block;min-width:0}
    .process-tab-copy small{display:block;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.15em;text-transform:uppercase;color:#62777a;margin-bottom:10px}
    .process-tab-copy b{display:block;font-size:clamp(24px,2.3vw,36px);line-height:1;letter-spacing:-.045em;font-weight:500}
    .process-tab-copy em{display:block;font-style:normal;color:#718588;font-size:13px;line-height:1.45;margin-top:10px;transition:color .3s}
    .process-tab.active .process-tab-copy small,.process-tab:hover .process-tab-copy small{color:var(--accent)}
    .process-tab.active .process-tab-copy em,.process-tab:hover .process-tab-copy em{color:#a5b5b7}
    .process-tab-arrow{font-size:25px;color:#65777a;transition:.35s var(--ease);justify-self:end}
    .process-tab.active .process-tab-arrow,.process-tab:hover .process-tab-arrow{color:var(--accent);transform:rotate(45deg)}

    .process-stage{min-height:614px;border:1px solid var(--line);border-radius:34px;background:linear-gradient(145deg,rgba(14,23,27,.98),rgba(7,10,12,.96));position:sticky;top:108px;overflow:hidden;box-shadow:0 35px 100px rgba(0,0,0,.32);isolation:isolate}
    .process-stage::before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(120deg,black,transparent 78%)}
    .process-stage::after{content:"";position:absolute;width:460px;height:460px;border-radius:50%;right:-170px;top:-210px;background:radial-gradient(circle,rgba(0,228,253,.13),transparent 65%);z-index:-1;transition:transform .65s var(--ease)}
    .process-stage.switching::after{transform:scale(1.18) translate(-15px,18px)}
    .process-stage-head{height:66px;border-bottom:1px solid var(--line);padding:0 24px;display:flex;align-items:center;justify-content:space-between;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;color:#65797c}
    .process-stage-status{display:flex;align-items:center;gap:9px;color:#90a1a3}.process-stage-status i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px var(--accent);animation:blink 1.2s steps(1) infinite}
    .process-stage-body{display:grid;grid-template-columns:minmax(220px,.62fr) minmax(0,1.38fr);min-height:500px}
    .process-stage-visual{position:relative;border-right:1px solid var(--line);display:grid;place-items:center;overflow:hidden;min-height:500px}
    .process-stage-visual::before,.process-stage-visual::after{content:"";position:absolute;border:1px solid rgba(0,228,253,.15);border-radius:50%;width:72%;aspect-ratio:1}.process-stage-visual::after{width:43%;border-style:dashed;animation:spin 14s linear infinite}
    .process-stage-orbit{position:absolute;width:88%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(255,255,255,.06);box-shadow:0 0 0 36px rgba(0,228,253,.012),0 0 0 72px rgba(0,228,253,.008);animation:spin 34s linear infinite reverse}
    .process-stage-symbol{font-size:clamp(62px,8vw,126px);font-weight:300;color:var(--accent);position:relative;z-index:3;text-shadow:0 0 38px rgba(0,228,253,.24);transition:transform .55s var(--ease),opacity .3s}
    .process-stage-number{position:absolute;left:20px;bottom:-28px;font-size:clamp(110px,14vw,220px);line-height:.8;letter-spacing:-.1em;color:rgba(255,255,255,.035);font-weight:800;transition:transform .55s var(--ease),opacity .3s}
    .process-stage.switching .process-stage-symbol{transform:rotate(35deg) scale(.7);opacity:0}.process-stage.switching .process-stage-number{transform:translateY(24px);opacity:0}
    .process-stage-content{padding:clamp(34px,5vw,72px);display:flex;flex-direction:column;justify-content:space-between;gap:34px}
    .process-stage-content small{font:10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
    .process-stage-content h3{font-size:clamp(42px,5.1vw,80px);line-height:.92;letter-spacing:-.065em;margin:18px 0 24px;font-weight:600}
    .process-stage-content p{margin:0;color:#91a2a4;line-height:1.7;font-size:clamp(15px,1.25vw,18px);max-width:720px}
    .process-stage-result{border-top:1px solid var(--line);padding-top:20px;display:grid;grid-template-columns:140px 1fr;gap:22px;align-items:start}.process-stage-result span{font:9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em;text-transform:uppercase;color:#62777a}.process-stage-result b{font-size:clamp(20px,2vw,30px);font-weight:500;line-height:1.25}
    .process-stage-controls{display:flex;gap:10px;justify-content:flex-end}.process-stage-controls button{border:1px solid var(--line);background:rgba(255,255,255,.018);color:#91a2a4;border-radius:999px;padding:12px 18px;cursor:pointer;transition:.3s var(--ease)}.process-stage-controls button:hover{border-color:var(--accent);color:var(--text);transform:translateY(-2px)}.process-stage-controls button:last-child{background:var(--accent);color:#061113;border-color:var(--accent);font-weight:700}.process-stage-controls button:last-child:hover{box-shadow:0 0 28px rgba(0,228,253,.22)}
    .process-stage-track{height:46px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 27px;position:relative}.process-stage-track::before{content:"";position:absolute;left:31px;right:31px;top:50%;height:1px;background:var(--line)}.process-stage-track span{position:absolute;left:31px;top:50%;height:1px;width:0;background:var(--accent);box-shadow:0 0 12px var(--accent);transition:width .55s var(--ease)}.process-stage-track i{position:relative;z-index:2;width:9px;height:9px;border-radius:50%;background:#243338;border:2px solid #0b1012;transition:.35s}.process-stage-track i.active{background:var(--accent);box-shadow:0 0 15px var(--accent)}

    @media(max-width:900px){
      .process-experience{display:block}.process-tabs{border-radius:26px}.process-stage{position:static;min-height:auto;border-left:0;border-right:0;border-radius:0;margin:0;background:linear-gradient(145deg,rgba(14,23,27,.98),rgba(7,10,12,.98));box-shadow:inset 0 1px 0 var(--line),inset 0 -1px 0 var(--line)}
      .process-tabs>.process-stage:last-child{border-bottom:0}.process-tab{min-height:120px}.process-stage-body{grid-template-columns:190px minmax(0,1fr);min-height:420px}.process-stage-visual{min-height:420px}.process-stage-content{padding:34px}.process-stage-content h3{font-size:46px}.process-stage-result{grid-template-columns:110px 1fr}
    }
    @media(max-width:620px){
      .process-tabs{border-radius:22px}.process-tab{grid-template-columns:34px minmax(0,1fr) 28px;gap:12px;padding:20px 16px;min-height:108px}.process-tab:hover,.process-tab.active,.process-tab:focus-visible{padding-left:20px}.process-tab-copy b{font-size:25px}.process-tab-copy em{font-size:12px}.process-stage-head{height:54px;padding:0 16px}.process-stage-body{grid-template-columns:1fr;min-height:auto}.process-stage-visual{min-height:210px;border-right:0;border-bottom:1px solid var(--line)}.process-stage-visual::before{width:52%}.process-stage-visual::after{width:31%}.process-stage-orbit{width:67%}.process-stage-symbol{font-size:70px}.process-stage-number{font-size:120px;bottom:-18px}.process-stage-content{padding:26px 20px 28px;gap:26px}.process-stage-content h3{font-size:39px;margin:13px 0 18px}.process-stage-content p{font-size:14px}.process-stage-result{grid-template-columns:1fr;gap:8px;padding-top:16px}.process-stage-result b{font-size:20px}.process-stage-controls{justify-content:space-between}.process-stage-controls button{padding:11px 15px}.process-stage-track{height:40px;padding:0 19px}.process-stage-track::before{left:23px;right:23px}.process-stage-track span{left:23px}
    }

    /* Планшет и телефон: вкладки этапов остаются поверх панели результата и корректно принимают касания. */
    @media(max-width:900px){
      .process-tabs{position:relative!important;z-index:5!important}
      .process-tab{position:relative!important;z-index:6!important;touch-action:manipulation}
      .process-stage{position:relative!important;z-index:1!important;pointer-events:none!important}
      .process-stage-controls button{pointer-events:auto!important}
    }


.home-nav-item{display:flex;align-items:center;gap:3px}
.home-submenu-toggle{width:30px;height:30px;padding:0;border:1px solid transparent;border-radius:50%;display:grid;place-items:center;background:transparent;color:#819397;cursor:pointer;transition:.28s var(--ease)}
.home-submenu-toggle:hover,.home-submenu-toggle:focus-visible,.home-nav-item.open .home-submenu-toggle{color:var(--accent);border-color:rgba(0,228,253,.28);background:rgba(0,228,253,.07);outline:none}
.menu-chevron{display:block;width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .28s var(--ease),color .28s}
.home-nav-item.open .menu-chevron,.home-nav-item:hover .menu-chevron,.home-nav-item:focus-within .menu-chevron{transform:translateY(2px) rotate(225deg);color:var(--accent)}
.home-nav-item.open .home-submenu{opacity:1;visibility:visible;transform:translate(-50%,0)}


/* Полная навигация v3.5 */
.nav{overflow:visible}.brand-logo{width:148px!important}.nav-links{align-items:center}.home-nav-item{position:relative}.home-nav-link{padding:25px 0;display:inline-flex;align-items:center;gap:7px}.home-submenu{position:absolute;top:52px;left:50%;width:300px;transform:translate(-50%,12px);background:rgba(8,12,14,.98);border:1px solid var(--line-strong);border-radius:22px;padding:10px;opacity:0;visibility:hidden;transition:.3s var(--ease);box-shadow:0 25px 80px rgba(0,0,0,.55)}.home-nav-item:hover .home-submenu,.home-nav-item:focus-within .home-submenu{opacity:1;visibility:visible;transform:translate(-50%,0)}.home-submenu a{display:flex;justify-content:space-between;padding:13px 14px;border-radius:13px;color:#9fb0b2}.home-submenu a:hover{background:rgba(0,228,253,.09);color:white;padding-left:18px}.home-menu-toggle{display:none;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:transparent;color:white;position:relative;cursor:pointer}.home-menu-toggle:before,.home-menu-toggle:after,.home-menu-toggle i{content:"";position:absolute;left:12px;width:18px;height:1px;background:currentColor}.home-menu-toggle:before{top:14px}.home-menu-toggle i{top:21px}.home-menu-toggle:after{top:28px}.home-mobile-menu{position:fixed;inset:0;z-index:99;background:rgba(4,7,8,.98);padding:110px 22px 34px;opacity:0;visibility:hidden;transition:.35s;overflow:auto}.home-mobile-menu.open{opacity:1;visibility:visible}.home-mobile-menu>a{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:17px 0;font-size:28px}.home-mobile-menu small{display:block;color:var(--accent);font:10px ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;margin:24px 0 4px}.home-mobile-menu .sub a{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line);color:#93a5a7}
@media(max-width:900px){.nav-links,.nav-cta{display:none!important}.home-menu-toggle{display:block}.nav{padding-right:10px}.brand-logo{width:136px!important}}

/* v4 home stability */
html,body{width:100%;max-width:100%;overflow-x:clip!important}
main,.hero,.ticker,.statement,.section,.final,.site-footer{max-width:100%;overflow-x:clip}
@media(min-width:768px) and (max-width:900px){.cursor,.cursor-ring{display:block!important}.section-rail{display:flex!important}.nav-links,.nav-cta{display:flex!important}.home-menu-toggle{display:none!important}.nav{height:62px;padding:0 8px 0 14px}.brand-logo{width:106px!important}.nav-links{gap:12px;font-size:11px}.home-nav-link{padding:22px 0}.nav-cta{height:44px;padding:0 13px;font-size:11px;white-space:nowrap}.home-submenu{top:48px;width:286px}}

/* Кнопка шапки на главной: такой же hover, как на внутренних страницах. */
.nav-cta{
  transition:
    background-color .3s var(--ease),
    color .3s var(--ease),
    transform .3s var(--ease);
}

.nav-cta:hover{
  background:var(--accent);
  color:#071014;
  transform:translateY(-2px);
}

.nav-cta:hover i{
  background:#071014;
  box-shadow:none;
}

@media (max-width:900px){
  /* Панель уже имеет почти непрозрачный фон; blur на мобильном не нужен. */
  .nav{
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
}

body.mobile-menu-open{overflow:hidden!important}
@media(max-width:767px){
  .home-menu-toggle:before,.home-menu-toggle:after,.home-menu-toggle i{transition:.3s var(--ease)}
  .home-menu-toggle.open:before{top:21px;transform:rotate(45deg)}
  .home-menu-toggle.open i{opacity:0}
  .home-menu-toggle.open:after{top:21px;transform:rotate(-45deg)}
  .home-mobile-menu{padding:94px 18px max(26px,env(safe-area-inset-bottom));overscroll-behavior:contain;scrollbar-gutter:stable}
  .home-mobile-menu>a:not(.mobile-menu-cta),.home-mobile-menu .mobile-services-toggle{width:100%;min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 2px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);font:inherit;font-size:clamp(23px,7.2vw,30px);line-height:1.08;letter-spacing:-.035em;text-align:left;cursor:pointer}
  .home-mobile-menu .mobile-services-toggle i{position:relative;flex:0 0 30px;width:30px;height:30px;border:1px solid rgba(0,228,253,.24);border-radius:50%;transition:.28s var(--ease)}
  .home-mobile-menu .mobile-services-toggle i:before,.home-mobile-menu .mobile-services-toggle i:after{content:"";position:absolute;left:8px;top:14px;width:12px;height:1px;background:var(--accent);transition:.28s var(--ease)}
  .home-mobile-menu .mobile-services-toggle i:after{transform:rotate(90deg)}
  .home-mobile-menu .mobile-services-toggle[aria-expanded="true"]{color:var(--accent)}
  .home-mobile-menu .mobile-services-toggle[aria-expanded="true"] i{background:rgba(0,228,253,.08);transform:rotate(90deg)}
  .home-mobile-menu .mobile-services-toggle[aria-expanded="true"] i:after{opacity:0}
  .home-mobile-menu .sub{max-height:0;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-6px);transition:max-height .36s var(--ease),opacity .25s ease,transform .36s var(--ease),visibility .36s}
  .home-mobile-menu .mobile-services-toggle[aria-expanded="true"]+.sub{max-height:560px;opacity:1;visibility:visible;transform:none}
  .home-mobile-menu .sub a{min-height:46px;padding:12px 2px 12px 14px;font-size:16px;line-height:1.25;color:#b0bec0}
  .home-mobile-menu .sub a:first-child{color:var(--accent)}
  .home-mobile-menu .mobile-menu-cta{margin-top:24px;min-height:52px!important;padding:0 20px!important;border:1px solid var(--accent)!important;border-radius:999px;background:var(--accent);color:var(--ink)!important;align-items:center;justify-content:center!important;gap:12px;font-size:15px!important;font-weight:700;letter-spacing:0!important}
  .home-mobile-menu .mobile-menu-cta span{font-size:18px}
}