:root{--brand:#184b58;--brand-deep:#0b2931;--brand-darker:#061c22;--aqua:#57a7ac;--green:#79c487;--green-light:#a0e2aa;--background:#071f25;--background-soft:#0c2b33;--surface:rgba(255,255,255,0.055);--surface-strong:rgba(255,255,255,0.09);--text:#f8fbfb;--text-soft:#b8c8cb;--text-muted:#879b9f;--border:rgba(255,255,255,0.12);--border-strong:rgba(255,255,255,0.2);--white:#ffffff;--black:#06171b;--shadow:0 30px 100px rgba(0,0,0,0.28);--container:1180px;--radius-small:14px;--radius-medium:22px;--radius-large:32px;--header-height:94px;}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;scroll-padding-top:var(--header-height);}
body{margin:0;min-width:320px;overflow-x:hidden;color:var(--text);background:var(--background);font-family:"Manrope",sans-serif;font-size:16px;line-height:1.68;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
body.modal-open,body.menu-open{overflow:hidden;}
button,input,textarea,select{font:inherit;}
button,a{-webkit-tap-highlight-color:transparent;}
button{color:inherit;}
img{display:block;max-width:100%;}
a{color:inherit;}
h1,h2,h3,h4,h5,h6,.button,.desktop-nav,.mobile-nav{font-family:"Space Grotesk",sans-serif;}
.page-noise{position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:0.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='.5'/%3E%3C/svg%3E");}
.container{width:min(calc(100% - 40px),var(--container));margin-inline:auto;}
.section{position:relative;padding:120px 0;}
.eyebrow{margin:0 0 18px;color:var(--aqua);font-family:"Space Grotesk",sans-serif;font-size:0.74rem;font-weight:700;line-height:1.4;letter-spacing:0.17em;text-transform:uppercase;}
.section-heading{max-width:790px;margin-bottom:58px;}
.section-heading.centered{margin-inline:auto;text-align:center;}
.section-heading h2,.why-intro h2,.faq-intro h2,.contact-cta h2,.modal-heading h2{margin:0;font-size:clamp(2.45rem,5vw,4.8rem);font-weight:600;line-height:1.02;letter-spacing:-0.055em;}
.section-heading p:last-child,.why-intro>p,.faq-intro>p,.contact-cta p,.modal-heading>p:last-child{margin:22px 0 0;color:var(--text-soft);font-size:1.03rem;line-height:1.8;}
.button{min-height:52px;padding:0 23px;position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:9px;overflow:hidden;border:1px solid transparent;border-radius:12px;font-weight:700;line-height:1;text-decoration:none;cursor:pointer;transition:transform 180ms ease,border-color 180ms ease,background 180ms ease,color 180ms ease,box-shadow 180ms ease;}
.button:hover{transform:translateY(-3px);}
.button-primary{color:#082219;background:var(--green);border-color:var(--green);}
.button-primary:hover{background:var(--green-light);border-color:var(--green-light);}
.button-secondary{color:var(--text);background:transparent;border-color:var(--border-strong);}
.button-secondary:hover{background:var(--surface);border-color:var(--aqua);}
.button-light{color:var(--brand-deep);background:var(--white);border-color:var(--white);}
.button-header{min-height:46px;padding-inline:22px;color:var(--brand-deep);background:var(--white);border-color:var(--white);}
.full-button{width:100%;}
.glow-button::before{content:"";position:absolute;inset:-2px;z-index:-1;border-radius:inherit;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.65),transparent);transform:translateX(-120%);transition:transform 600ms ease;}
.glow-button:hover{box-shadow:0 0 28px rgba(121,196,135,0.36);}
.glow-button:hover::before{transform:translateX(120%);}
.cursor-glow{position:relative;overflow:hidden;}
.cursor-glow::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0;background:radial-gradient(380px circle at var(--cursor-x,50%) var(--cursor-y,50%),rgba(87,167,172,0.15),transparent 48%);transition:opacity 180ms ease;}
.cursor-glow:hover::after{opacity:1;}
.cursor-glow>*{position:relative;z-index:1;}
.brand-logo{width:285px;height:72px;display:flex;align-items:center;flex:0 0 auto;text-decoration:none;}
.brand-logo img{width:100%;height:100%;object-fit:contain;object-position:left center;filter:drop-shadow(0 0 12px rgba(87,167,172,0.08));transition:transform 220ms ease,filter 220ms ease;}
.brand-logo:hover img{transform:translateY(-2px);filter:drop-shadow(0 0 18px rgba(87,167,172,0.2));}
.site-header{position:sticky;top:0;z-index:15000;border-bottom:1px solid var(--border);background:rgba(6,28,34,0.9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);}
.header-inner{min-height:var(--header-height);display:flex;align-items:center;justify-content:space-between;gap:32px;}
.desktop-nav{display:flex;align-items:center;gap:34px;}
.desktop-nav a{position:relative;color:var(--text-soft);font-size:0.92rem;font-weight:600;letter-spacing:-0.015em;text-decoration:none;transition:color 180ms ease;}
.desktop-nav a::after{content:"";position:absolute;right:0;bottom:-9px;left:0;height:1px;background:var(--green);transform:scaleX(0);transition:transform 180ms ease;}
.desktop-nav a:hover{color:var(--white);}
.desktop-nav a:hover::after{transform:scaleX(1);}
.header-actions{display:flex;align-items:center;gap:10px;}
.menu-toggle{width:44px;height:44px;padding:0;display:none;align-items:center;justify-content:center;flex-direction:column;gap:6px;border:1px solid var(--border);border-radius:11px;background:var(--surface);cursor:pointer;}
.menu-toggle span{width:21px;height:2px;display:block;border-radius:99px;background:var(--text);transform-origin:center;transition:transform 200ms ease,opacity 200ms ease;}
.mobile-nav{display:none;}
.hero{min-height:calc(100vh - var(--header-height));position:relative;overflow:hidden;color:var(--white);background:radial-gradient(circle at 80% 5%,rgba(87,167,172,0.19),transparent 31%),radial-gradient(circle at 5% 90%,rgba(121,196,135,0.13),transparent 28%),linear-gradient(135deg,var(--brand) 0%,var(--brand-deep) 56%,var(--brand-darker) 100%);}
.hero-grid{position:absolute;inset:0;opacity:0.1;background-image:linear-gradient(rgba(255,255,255,0.32) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.32) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,black,transparent 94%);-webkit-mask-image:linear-gradient(to bottom,black,transparent 94%);}
.hero-orb{position:absolute;border-radius:50%;filter:blur(30px);animation:float-orb 9s ease-in-out infinite;}
.hero-orb-one{top:15%;right:4%;width:210px;height:210px;background:rgba(87,167,172,0.13);}
.hero-orb-two{bottom:7%;left:5%;width:170px;height:170px;background:rgba(121,196,135,0.1);animation-delay:-4s;}
.hero-layout{min-height:calc(100vh - var(--header-height));padding:100px 0;position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(430px,0.95fr);gap:72px;align-items:center;}
.hero-content{position:relative;z-index:2;}
.hero .eyebrow{color:#a9dfe2;}
.hero h1{max-width:770px;margin:0;font-size:clamp(3.4rem,6.3vw,6.35rem);font-weight:600;line-height:0.95;letter-spacing:-0.067em;}
.hero h1 span{color:#93dba0;}
.animated-heading{color:transparent;background:linear-gradient(105deg,#fff 0%,#fff 35%,#b9edf0 48%,#fff 60%,#fff 100%);background-size:230% auto;background-clip:text;-webkit-background-clip:text;animation:heading-shimmer 7s linear infinite;}
.animated-heading span{color:transparent;background:linear-gradient(100deg,#79c487,#b3efbd,#79c487);background-size:200% auto;background-clip:text;-webkit-background-clip:text;animation:heading-shimmer 5s linear infinite reverse;}
.hero-description{max-width:700px;margin:30px 0 0;color:rgba(255,255,255,0.78);font-size:clamp(1.02rem,1.6vw,1.18rem);line-height:1.8;}
.hero-actions{margin-top:36px;display:flex;flex-wrap:wrap;gap:13px;}
.hero .button-secondary{color:var(--white);border-color:rgba(255,255,255,0.28);}
.hero .button-secondary:hover{background:rgba(255,255,255,0.08);}
.hero-benefits{margin-top:38px;display:grid;gap:14px;}
.hero-benefit{max-width:620px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:13px;align-items:start;}
.hero-benefit strong,.hero-benefit small{display:block;}
.hero-benefit strong{color:rgba(255,255,255,0.94);font-size:0.9rem;font-weight:700;}
.hero-benefit small{margin-top:3px;color:rgba(255,255,255,0.57);font-size:0.77rem;}
.benefit-pulse{width:9px;height:9px;margin-top:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 rgba(121,196,135,0.5);animation:benefit-pulse 2.2s infinite;}
.code-panel{position:relative;z-index:2;min-width:0;border:1px solid rgba(255,255,255,0.16);border-radius:var(--radius-large);background:rgba(5,22,27,0.78);box-shadow:0 45px 120px rgba(0,0,0,0.38);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);transform-style:preserve-3d;}
.code-panel-header{min-height:62px;padding:0 20px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;border-bottom:1px solid rgba(255,255,255,0.1);}
.window-controls{display:flex;gap:7px;}
.window-controls span{width:9px;height:9px;border-radius:50%;}
.window-controls span:nth-child(1){background:#ff7272;}
.window-controls span:nth-child(2){background:#f2c66d;}
.window-controls span:nth-child(3){background:#78c78b;}
.code-file{min-width:0;overflow:hidden;color:rgba(255,255,255,0.62);font-family:monospace;font-size:0.78rem;text-overflow:ellipsis;white-space:nowrap;}
.system-status{display:flex;align-items:center;gap:7px;color:#9ee4a8;font-size:0.72rem;font-weight:800;}
.system-status span{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 14px rgba(121,196,135,0.9);}
.code-content{padding:26px 20px;display:grid;gap:7px;overflow-x:auto;font-family:"SFMono-Regular",Consolas,monospace;}
.code-line{min-width:470px;display:grid;grid-template-columns:31px 1fr;gap:13px;color:#d4e4e6;font-size:0.82rem;opacity:0;transform:translateY(8px);animation:code-enter 500ms forwards;}
.code-indent code{padding-left:22px;}
.line-number{color:#4e7078;user-select:none;}
.code-purple{color:#c792ea;}
.code-green{color:#addb67;}
.code-blue{color:#82aaff;}
.code-orange{color:#ecc48d;}
.code-delay-1{animation-delay:300ms;}
.code-delay-2{animation-delay:430ms;}
.code-delay-3{animation-delay:560ms;}
.code-delay-4{animation-delay:690ms;}
.code-delay-5{animation-delay:820ms;}
.code-delay-6{animation-delay:950ms;}
.code-delay-7{animation-delay:1080ms;}
.code-delay-8{animation-delay:1210ms;}
.code-delay-9{animation-delay:1340ms;}
.code-delay-10{animation-delay:1470ms;}
.code-delay-11{animation-delay:1600ms;}
.code-delay-12{animation-delay:1730ms;}
.code-results{padding:18px 20px 22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;border-top:1px solid rgba(255,255,255,0.1);}
.code-results div{min-width:0;padding:13px;border:1px solid rgba(255,255,255,0.09);border-radius:12px;background:rgba(255,255,255,0.04);}
.code-results span,.code-results strong{display:block;}
.code-results span{color:rgba(255,255,255,0.48);font-size:0.66rem;}
.code-results strong{margin-top:3px;color:#a9e9b2;font-size:0.76rem;}
.channel-section{position:relative;overflow:hidden;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:radial-gradient(circle at 50% 0%,rgba(87,167,172,0.09),transparent 42%),var(--background);}
.channel-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));perspective:1300px;}
.channel-item{min-height:168px;min-width:0;position:relative;padding:25px 20px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;overflow:hidden;border-right:1px solid var(--border);background:linear-gradient(145deg,rgba(255,255,255,0.035),transparent);transform-style:preserve-3d;transition:transform 260ms ease,border-color 260ms ease,background 260ms ease,box-shadow 260ms ease;}
.channel-item:first-child{border-left:1px solid var(--border);}
.channel-item::before{content:"";position:absolute;inset:9px;z-index:0;border:1px solid transparent;border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,0.04),rgba(87,167,172,0.025));opacity:0;transform:scale(0.95);transition:opacity 260ms ease,transform 260ms ease,border-color 260ms ease;}
.channel-item:hover{z-index:5;border-color:rgba(87,167,172,0.48);background:linear-gradient(145deg,rgba(87,167,172,0.09),rgba(121,196,135,0.035));box-shadow:inset 8px 8px 26px rgba(0,0,0,0.28),inset -8px -8px 24px rgba(255,255,255,0.025),0 25px 58px rgba(0,0,0,0.24);}
.channel-item:hover::before{opacity:1;border-color:rgba(87,167,172,0.21);transform:scale(1);}
.channel-icon{width:48px;height:48px;position:relative;z-index:2;display:grid;place-items:center;border:1px solid var(--border);border-radius:14px;color:var(--aqua);background:rgba(87,167,172,0.07);font-size:0.72rem;font-weight:900;transform:translateZ(28px);transition:transform 250ms ease,color 250ms ease,background 250ms ease,border-color 250ms ease,box-shadow 250ms ease;}
.channel-item:hover .channel-icon{color:var(--green-light);border-color:rgba(121,196,135,0.35);background:rgba(87,167,172,0.13);box-shadow:0 0 28px rgba(87,167,172,0.22);transform:translateZ(45px) scale(1.09);}
.channel-content{min-width:0;position:relative;z-index:2;transform:translateZ(22px);}
.channel-content strong,.channel-content small{display:block;}
.channel-content strong{color:var(--text);font-family:"Space Grotesk",sans-serif;font-size:0.92rem;font-weight:600;line-height:1.35;}
.channel-content small{margin-top:7px;color:var(--text-muted);font-size:0.7rem;line-height:1.55;}
.channel-arrow{position:relative;z-index:2;color:var(--text-muted);font-size:1.05rem;opacity:0;transform:translateX(-8px) translateZ(30px);transition:opacity 220ms ease,transform 220ms ease,color 220ms ease;}
.channel-item:hover .channel-arrow{color:var(--green);opacity:1;transform:translateX(0) translateZ(38px);}
.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--border);border-left:1px solid var(--border);}
.service-card{min-width:0;min-height:390px;padding:30px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface);transform-style:preserve-3d;transition:background 180ms ease,border-color 180ms ease;}
.service-card:hover{background:var(--surface-strong);border-color:var(--border-strong);}
.service-number{color:var(--text-muted);font-size:0.7rem;font-weight:850;letter-spacing:0.12em;}
.service-icon{width:48px;height:48px;margin-top:38px;display:grid;place-items:center;border:1px solid var(--border);border-radius:14px;color:var(--aqua);background:rgba(87,167,172,0.09);font-family:"Space Grotesk",sans-serif;font-size:0.72rem;font-weight:700;}
.service-card h3{margin:22px 0 13px;font-size:1.34rem;font-weight:600;line-height:1.2;letter-spacing:-0.03em;}
.service-card p{margin:0;color:var(--text-soft);font-size:0.88rem;line-height:1.75;}
.service-result{margin-top:24px;padding-top:16px;display:block;border-top:1px solid var(--border);color:var(--green);font-size:0.76rem;font-weight:700;}
.comparison-section{overflow:hidden;background:var(--background-soft);}
.comparison-orb{position:absolute;top:20%;left:50%;width:600px;height:600px;border-radius:50%;background:rgba(87,167,172,0.08);filter:blur(100px);transform:translateX(-50%);}
.comparison-grid{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;}
.comparison-card{min-width:0;padding:34px;border:1px solid var(--border);border-radius:var(--radius-medium);background:var(--surface);box-shadow:var(--shadow);}
.without-card{border-color:rgba(255,116,116,0.2);}
.with-card{border-color:rgba(121,196,135,0.38);background:linear-gradient(145deg,rgba(121,196,135,0.08),var(--surface));}
.comparison-header{display:flex;align-items:center;gap:15px;padding-bottom:25px;border-bottom:1px solid var(--border);}
.comparison-header small{color:var(--text-muted);font-size:0.7rem;font-weight:800;letter-spacing:0.08em;text-transform:uppercase;}
.comparison-header h3{margin:3px 0 0;font-size:1.68rem;font-weight:600;}
.comparison-status{width:14px;height:14px;flex:0 0 auto;border-radius:50%;}
.status-negative{background:#ff7f7f;box-shadow:0 0 22px rgba(255,127,127,0.6);}
.status-positive{background:var(--green);box-shadow:0 0 22px rgba(121,196,135,0.65);}
.comparison-list{margin:26px 0 0;padding:0;display:grid;gap:15px;list-style:none;}
.comparison-list li{position:relative;padding:14px 15px 14px 48px;border:1px solid var(--border);border-radius:12px;color:var(--text-soft);background:rgba(255,255,255,0.045);transition:transform 180ms ease,border-color 180ms ease;}
.comparison-list li:hover{transform:translateX(5px);}
.comparison-list li::before{position:absolute;top:13px;left:15px;width:23px;height:23px;display:grid;place-items:center;border-radius:50%;font-size:0.72rem;font-weight:900;}
.negative-list li::before{content:"×";color:#ff9292;background:rgba(255,127,127,0.11);}
.positive-list li::before{content:"✓";color:#9be7a7;background:rgba(121,196,135,0.12);}
.process-section{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 35%,rgba(87,167,172,0.08),transparent 43%),var(--background);}
.process-heading{max-width:900px;}
.hierarchy-flow{position:relative;padding:44px;display:block;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-large);background:radial-gradient(circle at 50% 0%,rgba(87,167,172,0.12),transparent 36%),linear-gradient(145deg,var(--surface),rgba(12,43,51,0.72));box-shadow:var(--shadow);}
.hierarchy-flow::before{content:"";position:absolute;top:-180px;left:50%;width:500px;height:500px;border-radius:50%;background:rgba(87,167,172,0.08);filter:blur(90px);transform:translateX(-50%);pointer-events:none;}
.flow-level{position:relative;z-index:2;display:grid;gap:18px;}
.flow-level-entry{width:min(100%,540px);margin-inline:auto;grid-template-columns:1fr;}
.flow-level-middle,.flow-level-results{grid-template-columns:repeat(3,minmax(0,1fr));}
.flow-level-middle::before,.flow-level-results::before{content:"";position:absolute;top:-25px;right:16.666%;left:16.666%;height:1px;background:linear-gradient(90deg,transparent,rgba(87,167,172,0.8),transparent);}
.flow-level-middle .flow-step::before,.flow-level-results .flow-step::before{content:"";position:absolute;top:-25px;left:50%;width:1px;height:25px;background:linear-gradient(to bottom,rgba(87,167,172,0.85),var(--border));}
.flow-vertical-connector{height:56px;position:relative;z-index:2;display:grid;place-items:center;}
.flow-vertical-connector span{width:1px;height:56px;position:relative;display:block;background:linear-gradient(to bottom,var(--green),var(--aqua));box-shadow:0 0 12px rgba(87,167,172,0.2);}
.flow-vertical-connector span::after{content:"";position:absolute;bottom:0;left:50%;width:7px;height:7px;border-right:1px solid var(--aqua);border-bottom:1px solid var(--aqua);transform:translateX(-50%) rotate(45deg);}
.flow-stage-label{position:relative;z-index:2;margin:0 auto 26px;display:flex;justify-content:center;}
.flow-stage-label span{padding:8px 15px;border:1px solid var(--border);border-radius:999px;color:var(--aqua);background:var(--background);box-shadow:0 8px 24px rgba(0,0,0,0.12);font-size:0.67rem;font-weight:850;letter-spacing:0.09em;text-align:center;text-transform:uppercase;}
.hierarchy-flow .flow-step{min-width:0;min-height:285px;position:relative;padding:25px;overflow:hidden;border:1px solid var(--border);border-radius:19px;background:linear-gradient(145deg,var(--background),rgba(12,43,51,0.72));box-shadow:inset 0 1px 0 rgba(255,255,255,0.035);transition:transform 230ms ease,border-color 230ms ease,background 230ms ease,box-shadow 230ms ease;}
.hierarchy-flow .flow-step::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(260px circle at 50% 0%,rgba(87,167,172,0.13),transparent 60%);transition:opacity 230ms ease;}
.hierarchy-flow .flow-step:hover{z-index:5;border-color:rgba(87,167,172,0.62);background:linear-gradient(145deg,rgba(12,43,51,0.95),var(--background));box-shadow:0 25px 58px rgba(0,0,0,0.22),inset 0 0 34px rgba(87,167,172,0.035);transform:translateY(-8px);}
.hierarchy-flow .flow-step:hover::after{opacity:1;}
.hierarchy-flow .flow-step-featured{min-height:230px;border-color:rgba(121,196,135,0.5);background:linear-gradient(145deg,rgba(121,196,135,0.11),var(--background));}
.hierarchy-flow .flow-step-success{border-color:rgba(121,196,135,0.42);background:linear-gradient(145deg,rgba(121,196,135,0.075),var(--background));}
.flow-step-number{width:40px;height:40px;position:relative;z-index:2;display:grid;place-items:center;border:1px solid var(--border);border-radius:12px;color:var(--aqua);background:var(--surface-strong);font-size:0.7rem;font-weight:900;}
.flow-step-content{position:relative;z-index:2;}
.hierarchy-flow .flow-step small{margin-top:46px;display:block;color:var(--text-muted);font-size:0.68rem;font-weight:850;letter-spacing:0.09em;text-transform:uppercase;}
.hierarchy-flow .flow-step strong{margin-top:8px;display:block;color:var(--text);font-family:"Space Grotesk",sans-serif;font-size:1.03rem;font-weight:600;line-height:1.38;}
.hierarchy-flow .flow-step p{margin:13px 0 0;color:var(--text-soft);font-size:0.79rem;line-height:1.68;}
.why-section{background:var(--background-soft);}
.why-layout{display:grid;grid-template-columns:minmax(0,0.8fr) minmax(0,1.2fr);gap:90px;align-items:start;}
.why-intro{position:sticky;top:125px;}
.why-intro .button{margin-top:32px;}
.why-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.why-card{min-width:0;min-height:280px;padding:28px;border:1px solid var(--border);border-radius:var(--radius-medium);background:var(--surface);transform-style:preserve-3d;}
.why-card>span{color:var(--aqua);font-size:0.72rem;font-weight:900;}
.why-card h3{margin:70px 0 13px;font-size:1.3rem;font-weight:600;line-height:1.25;}
.why-card p{margin:0;color:var(--text-soft);font-size:0.87rem;line-height:1.75;}
.pricing-section{background:var(--background);}
.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch;}
.pricing-card{min-width:0;position:relative;padding:30px;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-medium);background:var(--surface);transform-style:preserve-3d;}
.featured-plan{border-color:var(--green);background:linear-gradient(155deg,rgba(121,196,135,0.1),var(--surface));box-shadow:0 35px 90px rgba(73,139,87,0.15);}
.popular-badge{position:absolute;top:18px;right:18px;padding:6px 10px;border-radius:999px;color:#173e20;background:var(--green);font-size:0.64rem;font-weight:900;letter-spacing:0.08em;text-transform:uppercase;}
.plan-level{color:var(--aqua);font-size:0.68rem;font-weight:850;letter-spacing:0.08em;text-transform:uppercase;}
.plan-top h3{margin:12px 0 8px;font-size:1.62rem;font-weight:600;}
.plan-top p{min-height:78px;margin:0;color:var(--text-soft);font-size:0.87rem;line-height:1.7;}
.plan-price{margin-top:27px;display:flex;align-items:baseline;gap:8px;}
.plan-price strong{font-family:"Space Grotesk",sans-serif;font-size:2.85rem;font-weight:600;line-height:1;letter-spacing:-0.055em;}
.plan-price span{color:var(--text-muted);font-size:0.72rem;}
.monthly-price{margin:10px 0 0;color:var(--green);font-weight:800;}
.pricing-card ul{margin:28px 0;padding:25px 0 0;display:grid;gap:11px;border-top:1px solid var(--border);list-style:none;}
.pricing-card li{position:relative;padding-left:24px;color:var(--text-soft);font-size:0.86rem;}
.pricing-card li::before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:900;}
.pricing-card .button{margin-top:auto;}
.faq-section{background:var(--background-soft);}
.faq-layout{display:grid;grid-template-columns:minmax(0,0.7fr) minmax(0,1.3fr);gap:100px;align-items:start;}
.faq-intro{position:sticky;top:125px;}
.faq-list{border-top:1px solid var(--border);}
.faq-item{border-bottom:1px solid var(--border);}
.faq-question{width:100%;padding:26px 0;display:flex;align-items:center;justify-content:space-between;gap:25px;border:0;color:var(--text);background:transparent;font-family:"Space Grotesk",sans-serif;font-size:1rem;font-weight:600;text-align:left;cursor:pointer;}
.faq-symbol{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;border:1px solid var(--border-strong);border-radius:50%;color:var(--aqua);font-size:1.25rem;font-weight:400;transition:transform 180ms ease,background 180ms ease;}
.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows 250ms ease;}
.faq-answer p{margin:0;overflow:hidden;color:var(--text-soft);line-height:1.8;}
.faq-item.open .faq-answer{grid-template-rows:1fr;}
.faq-item.open .faq-answer p{padding-bottom:26px;}
.faq-item.open .faq-symbol{transform:rotate(45deg);background:var(--surface);}
.contact-cta{position:relative;overflow:hidden;padding:100px 0;color:var(--white);background:linear-gradient(135deg,var(--brand),var(--brand-deep));}
.contact-glow{position:absolute;top:-200px;right:-100px;width:500px;height:500px;border-radius:50%;background:rgba(121,196,135,0.14);filter:blur(85px);}
.contact-cta-inner{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:80px;align-items:end;}
.contact-cta h2{max-width:720px;}
.contact-cta p{max-width:670px;color:rgba(255,255,255,0.67);}
.contact-options{min-width:310px;display:grid;gap:16px;}
.direct-email{color:rgba(255,255,255,0.8);font-size:0.88rem;text-align:center;text-decoration:none;}
.site-footer{padding:72px 0 28px;color:rgba(255,255,255,0.66);background:var(--brand-darker);}
.footer-main{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:90px;}
.footer-brand{max-width:620px;}
.footer-logo{width:310px;height:88px;}
.footer-brand p{max-width:560px;margin:24px 0 0;color:rgba(255,255,255,0.58);font-size:0.88rem;line-height:1.8;}
.footer-navigation{display:grid;grid-template-columns:140px minmax(250px,310px);gap:60px;}
.footer-navigation>div{display:grid;align-content:start;gap:9px;}
.footer-navigation strong{margin-bottom:5px;color:var(--white);font-family:"Space Grotesk",sans-serif;font-size:0.84rem;font-weight:600;}
.footer-navigation>div>a:not(.footer-contact-link){color:rgba(255,255,255,0.55);font-size:0.82rem;text-decoration:none;}
.footer-navigation>div>a:not(.footer-contact-link):hover{color:var(--white);}
.footer-contact{min-width:260px;}
.footer-contact-link{min-width:0;padding:10px 11px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:11px;align-items:center;border:1px solid transparent;border-radius:12px;color:rgba(255,255,255,0.66);text-decoration:none;transition:color 180ms ease,background 180ms ease,border-color 180ms ease,transform 180ms ease;}
.footer-contact-link:hover{color:var(--white);border-color:rgba(87,167,172,0.22);background:rgba(255,255,255,0.045);transform:translateX(4px);}
.footer-social-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,0.11);border-radius:10px;color:var(--aqua);background:rgba(255,255,255,0.035);}
.footer-social-icon svg{width:17px;height:17px;}
.footer-contact-link span:last-child{min-width:0;display:grid;overflow-wrap:anywhere;}
.footer-contact-link small{color:rgba(255,255,255,0.4);font-size:0.62rem;font-weight:750;letter-spacing:0.07em;text-transform:uppercase;}
.footer-bottom{margin-top:55px;padding-top:25px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,0.09);color:rgba(255,255,255,0.43);font-size:0.78rem;}
.footer-bottom a{text-decoration:none;}
.contact-modal{position:fixed;inset:0;z-index:30000;display:grid;place-items:center;padding:25px;visibility:hidden;opacity:0;transition:opacity 200ms ease,visibility 200ms ease;}
.contact-modal.open{visibility:visible;opacity:1;}
.modal-backdrop{position:absolute;inset:0;background:rgba(0,13,17,0.78);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);}
.modal-panel{width:min(100%,760px);max-height:calc(100vh - 50px);max-height:calc(100dvh - 50px);position:relative;overflow-y:auto;padding:40px;border:1px solid var(--border);border-radius:var(--radius-large);color:var(--text);background:var(--background);box-shadow:var(--shadow);transform:translateY(20px) scale(0.98);transition:transform 220ms ease;}
.contact-modal.open .modal-panel{transform:translateY(0) scale(1);}
.modal-close{width:42px;height:42px;position:absolute;top:18px;right:18px;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;color:var(--text);background:var(--surface);font-size:1.4rem;cursor:pointer;}
.modal-heading{padding-right:40px;}
.modal-heading h2{font-size:clamp(2rem,5vw,3.3rem);}
.contact-form{margin-top:32px;display:grid;gap:19px;}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;}
.contact-form label{min-width:0;display:grid;gap:8px;}
.contact-form label>span{color:var(--text-soft);font-size:0.78rem;font-weight:800;}
.contact-form input,.contact-form textarea,.contact-form select{width:100%;border:1px solid var(--border);border-radius:12px;outline:none;color:var(--text);background:var(--surface);}
.contact-form input,.contact-form select{min-height:52px;padding:0 15px;}
.contact-form textarea{padding:15px;resize:vertical;}
.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--aqua);box-shadow:0 0 0 4px rgba(87,167,172,0.12);}
.contact-form option{color:#0b242a;}
.hidden-field{position:absolute;left:-9999px;}
.form-alternative{margin:0;color:var(--text-muted);font-size:0.78rem;text-align:center;}
.form-alternative a{color:var(--aqua);}
[data-reveal]{opacity:0;transform:translateY(25px);transition:opacity 700ms ease,transform 700ms ease;}
[data-reveal].visible{opacity:1;transform:translateY(0);}
@keyframes heading-shimmer{0%{background-position:140% center;}100%{background-position:-140% center;}}
@keyframes float-orb{0%,100%{transform:translateY(0) scale(1);}50%{transform:translateY(-24px) scale(1.06);}}
@keyframes benefit-pulse{0%{box-shadow:0 0 0 0 rgba(121,196,135,0.5);}70%{box-shadow:0 0 0 9px rgba(121,196,135,0);}100%{box-shadow:0 0 0 0 rgba(121,196,135,0);}}
@keyframes code-enter{to{opacity:1;transform:translateY(0);}}
@keyframes mobile-menu-item{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:translateY(0);}}
@media (max-width:1100px){.desktop-nav{gap:20px;}.brand-logo{width:245px;height:64px;}.hero-layout{grid-template-columns:minmax(0,1fr) minmax(390px,440px);gap:42px;}.channel-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.channel-item:nth-child(3n + 1){border-left:1px solid var(--border);}.hierarchy-flow{padding:34px;}.pricing-grid{gap:12px;}}
@media (max-width:900px){:root{--header-height:76px;}html,body{width:100%;overflow-x:hidden;}body.menu-open{height:100%;overflow:hidden;overscroll-behavior:none;}.site-header{z-index:20000;overflow:visible;background:#061c22;backdrop-filter:none;-webkit-backdrop-filter:none;}.header-inner{min-height:var(--header-height);gap:16px;}.brand-logo{width:190px;height:52px;min-width:0;flex-shrink:1;}.desktop-nav,.button-header{display:none;}.header-actions{margin-left:auto;flex:0 0 auto;}.menu-toggle{width:48px;height:48px;position:relative;z-index:20002;display:flex;flex:0 0 auto;gap:7px;border-color:rgba(255,255,255,0.15);border-radius:14px;background:rgba(255,255,255,0.055);}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(4.5px) rotate(45deg);}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-4.5px) rotate(-45deg);}.mobile-nav{width:100%;height:calc(100vh - var(--header-height));height:calc(100dvh - var(--header-height));position:fixed;top:var(--header-height);right:0;left:0;z-index:20001;padding:24px max(20px,env(safe-area-inset-right)) calc(28px + env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:10px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;visibility:hidden;opacity:0;pointer-events:none;background:radial-gradient(circle at 85% 0%,rgba(87,167,172,0.16),transparent 34%),linear-gradient(180deg,#061c22 0%,#071f25 100%);border-top:1px solid rgba(255,255,255,0.08);box-shadow:0 30px 80px rgba(0,0,0,0.58);transform:translateY(-12px);transition:opacity 220ms ease,visibility 220ms ease,transform 220ms ease;}.mobile-nav.open{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0);}.mobile-nav>a{width:100%;min-height:58px;margin:0;padding:0 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex:0 0 auto;border:1px solid rgba(255,255,255,0.1);border-radius:14px;color:var(--text);background:rgba(255,255,255,0.045);font-size:1rem;font-weight:600;line-height:1.2;text-decoration:none;transition:border-color 180ms ease,background 180ms ease,transform 180ms ease;}.mobile-nav>a::after{content:"↗";flex:0 0 auto;color:var(--green);font-size:1rem;font-weight:400;}.mobile-nav>a:hover,.mobile-nav>a:focus-visible{border-color:rgba(121,196,135,0.42);background:rgba(121,196,135,0.085);transform:translateX(3px);}.mobile-nav .button{width:100%;min-height:58px;margin:10px 0 0;flex:0 0 auto;color:#082219;background:var(--green);border-color:var(--green);font-size:1rem;}.mobile-nav.open>a,.mobile-nav.open>.button{animation:mobile-menu-item 340ms ease both;}.mobile-nav.open>:nth-child(1){animation-delay:40ms;}.mobile-nav.open>:nth-child(2){animation-delay:80ms;}.mobile-nav.open>:nth-child(3){animation-delay:120ms;}.mobile-nav.open>:nth-child(4){animation-delay:160ms;}.mobile-nav.open>:nth-child(5){animation-delay:200ms;}.mobile-nav.open>:nth-child(6){animation-delay:240ms;}.hero{min-height:auto;}.hero-layout{min-height:auto;grid-template-columns:1fr;gap:54px;padding:86px 0;}.hero-content{width:100%;max-width:760px;}.code-panel{width:100%;max-width:680px;}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.comparison-grid{grid-template-columns:1fr;}.why-layout,.faq-layout,.contact-cta-inner{grid-template-columns:1fr;gap:50px;}.why-intro,.faq-intro{position:static;}.pricing-grid{grid-template-columns:1fr;}.pricing-card{width:100%;max-width:650px;}.contact-options{min-width:0;max-width:430px;}.footer-main{grid-template-columns:1fr;gap:50px;}}
@media (max-width:820px){.channel-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.channel-item{border-left:1px solid var(--border);}.hierarchy-flow{padding:25px;}.flow-level-middle,.flow-level-results{grid-template-columns:1fr;}.flow-level-middle::before,.flow-level-results::before,.flow-level-middle .flow-step::before,.flow-level-results .flow-step::before{display:none;}.hierarchy-flow .flow-step{min-height:auto;}.hierarchy-flow .flow-step small{margin-top:34px;}.footer-navigation{grid-template-columns:1fr 1.5fr;gap:35px;}}
@media (max-width:640px){:root{--header-height:72px;}.container{width:calc(100% - 32px);}.section{padding:72px 0;}.header-inner{gap:12px;}.brand-logo{width:170px;height:48px;}.menu-toggle{width:44px;height:44px;border-radius:13px;}.mobile-nav{padding:20px max(16px,env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));gap:9px;}.mobile-nav>a,.mobile-nav .button{min-height:56px;border-radius:13px;}.hero-layout{padding:60px 0 70px;gap:42px;}.hero .eyebrow{max-width:100%;margin-bottom:14px;font-size:0.64rem;line-height:1.55;letter-spacing:0.15em;}.hero h1{max-width:100%;font-size:clamp(2.65rem,13vw,3.75rem);line-height:0.99;letter-spacing:-0.055em;overflow-wrap:normal;word-break:normal;}.hero h1 span{display:block;margin-top:5px;}.hero-description{max-width:100%;margin-top:24px;font-size:0.95rem;line-height:1.72;}.hero-actions{margin-top:28px;display:grid;grid-template-columns:1fr;gap:11px;}.hero-actions .button{width:100%;min-height:52px;}.hero-benefits{margin-top:31px;gap:18px;}.hero-benefit{max-width:100%;gap:12px;}.hero-benefit strong{font-size:0.86rem;line-height:1.45;}.hero-benefit small{font-size:0.72rem;line-height:1.55;}.code-panel{max-width:100%;border-radius:20px;}.code-panel-header{min-height:54px;padding:0 15px;grid-template-columns:auto minmax(0,1fr);gap:12px;}.code-file{font-size:0.7rem;}.system-status{display:none;}.code-content{width:100%;padding:20px 14px;overflow-x:hidden;gap:9px;}.code-line{min-width:0;width:100%;grid-template-columns:24px minmax(0,1fr);gap:7px;font-size:0.66rem;line-height:1.5;}.code-line code{min-width:0;overflow-wrap:anywhere;white-space:normal;}.code-indent code{padding-left:10px;}.code-results{padding:14px;grid-template-columns:1fr;gap:8px;}.code-results div{padding:12px;}.channel-grid{grid-template-columns:1fr;}.channel-item{min-height:124px;padding:19px 16px;gap:12px;border-left:1px solid var(--border);}.channel-icon{width:44px;height:44px;}.channel-content strong{font-size:0.9rem;}.channel-content small{font-size:0.7rem;line-height:1.55;}.channel-arrow{opacity:1;transform:none;}.section-heading{margin-bottom:38px;}.section-heading h2,.why-intro h2,.faq-intro h2,.contact-cta h2{font-size:clamp(2rem,10vw,3rem);line-height:1.07;letter-spacing:-0.045em;}.section-heading p:last-child,.why-intro>p,.faq-intro>p,.contact-cta p{margin-top:18px;font-size:0.92rem;line-height:1.72;}.services-grid{grid-template-columns:1fr;}.service-card{min-height:auto;padding:24px;}.service-icon{margin-top:28px;}.service-card h3{font-size:1.2rem;}.service-card p{font-size:0.84rem;}.comparison-grid{gap:18px;}.comparison-card{padding:22px 18px;border-radius:18px;}.comparison-header h3{font-size:1.35rem;}.comparison-list{gap:11px;}.comparison-list li{padding:13px 12px 13px 43px;font-size:0.8rem;line-height:1.55;}.hierarchy-flow{padding:16px;border-radius:20px;}.flow-level-entry,.flow-level-middle,.flow-level-results{width:100%;grid-template-columns:1fr;}.hierarchy-flow .flow-step{min-height:auto;padding:20px;}.hierarchy-flow .flow-step small{margin-top:28px;}.hierarchy-flow .flow-step strong{font-size:0.96rem;}.hierarchy-flow .flow-step p{font-size:0.77rem;}.flow-stage-label span{max-width:100%;padding:7px 12px;font-size:0.58rem;line-height:1.5;}.why-layout{gap:42px;}.why-grid{grid-template-columns:1fr;}.why-card{min-height:auto;padding:23px;}.why-card h3{margin-top:38px;font-size:1.15rem;}.pricing-grid{grid-template-columns:1fr;gap:18px;}.pricing-card{width:100%;max-width:none;padding:24px;}.plan-top p{min-height:auto;}.plan-price{flex-wrap:wrap;}.plan-price strong{font-size:2.45rem;}.popular-badge{position:static;width:fit-content;margin-bottom:18px;}.faq-layout{gap:40px;}.faq-question{padding:21px 0;font-size:0.92rem;line-height:1.5;}.faq-symbol{width:32px;height:32px;}.faq-answer p{font-size:0.84rem;}.contact-cta{padding:72px 0;}.contact-cta-inner{gap:34px;}.contact-options{width:100%;}.contact-options .button{width:100%;}.direct-email{font-size:0.78rem;overflow-wrap:anywhere;}.site-footer{padding-top:55px;}.footer-main{gap:40px;}.footer-logo{width:220px;height:62px;}.footer-brand p{margin-top:18px;font-size:0.82rem;}.footer-navigation{grid-template-columns:1fr;gap:35px;}.footer-contact{min-width:0;}.footer-contact-link{padding-inline:0;}.footer-bottom{margin-top:40px;align-items:flex-start;flex-direction:column;}.contact-modal{padding:12px;}.modal-panel{width:100%;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);padding:28px 18px;border-radius:20px;}.modal-close{top:13px;right:13px;}.modal-heading{padding-right:32px;}.modal-heading h2{font-size:2rem;line-height:1.08;}.form-grid{grid-template-columns:1fr;gap:16px;}.contact-form input,.contact-form select{min-height:50px;}}
@media (max-width:400px){:root{--header-height:68px;}.container{width:calc(100% - 24px);}.brand-logo{width:155px;height:44px;}.menu-toggle{width:42px;height:42px;}.mobile-nav{padding:16px max(12px,env(safe-area-inset-right)) calc(20px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));}.mobile-nav>a,.mobile-nav .button{min-height:53px;padding-inline:15px;}.hero-layout{padding-top:52px;}.hero h1{font-size:2.45rem;}.code-line{font-size:0.6rem;}.channel-item{padding-inline:14px;}.service-card,.pricing-card,.comparison-card{padding:20px 16px;}}
@media (max-width:350px){.brand-logo{width:142px;height:42px;}.hero h1{font-size:2.2rem;}.hero .eyebrow{font-size:0.58rem;}}
@media (hover:none){.button:hover,.comparison-list li:hover,.hierarchy-flow .flow-step:hover,.footer-contact-link:hover{transform:none;}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;}[data-reveal]{opacity:1;transform:none;}}