.hero-stage{position:relative;height:660px;isolation:isolate}.hero-copy{position:relative;z-index:2;padding-top:114px;width:750px;pointer-events:none}.hero-copy a{pointer-events:auto}h1{font-size:96px;line-height:1.05}.hero-description{font-size:22px;margin-top:34px}.hero-description span{display:block}.hero-actions{display:flex;align-items:center;gap:40px;margin-top:54px}.hero-actions .button{min-height:64px;font-size:22px;padding:16px 30px}.underlink{font-size:18px;color:var(--muted);text-decoration:underline;text-decoration-color:#55515e;text-underline-offset:7px;padding-block:16px}.scene{position:absolute;right:-6.5%;top:-64px;width:880px;aspect-ratio:1;z-index:1}.scene-art{position:absolute;inset:0;transition:filter .6s;mask-image:linear-gradient(to right,transparent,#000 10%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 5%,#000 92%,transparent);mask-composite:intersect}.scene-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .6s ease;pointer-events:none}.scene-image.is-visible{opacity:1}.power-control{position:absolute;left:54%;top:32%;width:22%;height:23%;border-radius:50%;transform:rotate(10deg);z-index:3;transition:box-shadow .2s}.power-control:hover{box-shadow:0 0 30px #b290ff22}.power-control:focus-visible{outline-offset:8px}.phone-caption{position:absolute;left:47%;top:59%;width:26%;text-align:center;transform:skewX(-9deg) rotate(-3deg);display:flex;align-items:center;flex-direction:column;gap:8px;font-size:20px;z-index:3;pointer-events:none}.phone-caption #connection-state{color:#c3a4ff;font-size:17px}.demo-label{display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #72707f;border-radius:999px;min-height:44px;padding:8px 16px;font-size:15px;white-space:nowrap;color:#cdc9d6;margin-top:30px;pointer-events:auto}.demo-label svg{width:16px;height:16px}.connection-pulse{position:absolute;left:54%;top:32%;width:22%;height:23%;border:2px solid #ba8cff;border-radius:50%;opacity:0;pointer-events:none;transform:rotate(10deg)}.scene.is-connecting .connection-pulse{animation:connect-pulse .8s ease-out}.scene[data-power="off"] .scene-art{filter:grayscale(1) brightness(.6)}.scene[data-power="off"] #connection-state{color:#aaa}.scene.is-paused *{animation-play-state:paused!important}@keyframes connect-pulse{0%{opacity:0;transform:rotate(10deg) scale(.94)}20%{opacity:.85}100%{opacity:0;transform:rotate(10deg) scale(1.3)}}
.hero.wrap{display:block;padding-top:0;padding-bottom:50px;min-height:0;gap:0}
.wrap{width:88.4%;max-width:1358px}.site-header{height:110px}
.hero .hero-copy{max-width:none;margin:0}.hero h1{font-size:96px;line-height:1.05;letter-spacing:-.045em}
.hero .hero-description{font-size:22px;line-height:1.65;margin-top:34px;max-width:none;color:#b7b6c2}
.hero .hero-actions{margin-top:54px;align-items:center}.hero .primary{background:linear-gradient(115deg,#6028f2,#8f43f7);border:1px solid #9560ff;color:#fff;border-radius:12px;font-weight:500}
.hero .underlink{color:#b7b6c2}.hero .scene{right:-6%}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.scene[data-tone="fi"] .scene-art{filter:hue-rotate(-8deg)}.scene[data-tone="de"] .scene-art{filter:hue-rotate(8deg)}.scene[data-tone="nl"] .scene-art{filter:hue-rotate(18deg)}.scene[data-tone="cz"] .scene-art{filter:hue-rotate(-15deg)}.scene[data-tone="uk"] .scene-art{filter:hue-rotate(2deg)}
.hero .power-control{background:transparent;border:0;cursor:pointer}.hero .demo-label{pointer-events:none}.hero .phone-caption{font-family:Manrope,sans-serif;color:#f5f5f7}
.header-login{color:#f5f5f7;border:1px solid #62576e;border-radius:999px;padding:10px 26px;min-height:48px}.header-login svg{display:none}
.essentials{position:relative;z-index:1;background:#030408}
.plan-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;border:0}
.plan-row{display:flex;flex-direction:column;text-align:center;gap:14px;padding:32px;border:1px solid #45404f;border-radius:20px;background:radial-gradient(ellipse at 25% 0,#ffffff06,transparent 65%),#0c0c13}
.plan-row h3{font-size:24px}.plan-row strong{font-size:64px;white-space:nowrap;letter-spacing:-.03em}.plan-row>span{color:#b7b6c2;font-size:18px}.plan-row .button{width:100%;margin-top:18px;justify-content:center}
.plan-row[data-plan-months="3"]{border-color:#9e72dc;background:radial-gradient(ellipse at 50% 0,#6935c927,transparent 65%),#0c0c13}.plan-row[data-plan-months="3"] .button{background:linear-gradient(115deg,#6028f2,#8f43f7)!important;color:#fff!important;border-color:#9560ff!important}
.plan-switch{background:#0c0c13;border:1px solid #45404f;border-radius:10px;padding:4px}.plan-switch button{color:#b7b6c2;border:1px solid transparent;border-radius:7px}.plan-switch button.is-active{color:#fff;background:#261738;border-color:#8555d7}
.faq-band{background:#08070d}.faq-list summary{color:#f5f5f7}.pricing-note,.section-heading p{color:#b7b6c2}
@media(max-width:1200px){.hero-stage{height:580px}.hero .hero-copy{width:65%;padding-top:100px}.hero h1{font-size:clamp(58px,6.2vw,80px)}.hero .hero-description{font-size:19px}.hero .hero-actions{gap:24px;margin-top:36px}.hero .hero-actions .button{font-size:18px;padding:14px 20px;min-height:56px}.underlink{font-size:16px}.scene{width:730px;top:-45px}.phone-caption{font-size:18px}.phone-caption #connection-state{font-size:15px}.demo-label{font-size:13px;padding:8px 12px;margin-top:18px}.plan-row{padding:28px 20px}.plan-row strong{font-size:50px}}
@media(max-width:900px){.hero-stage{height:auto;display:flex;flex-direction:column}.hero .hero-copy{width:100%;padding-top:40px}.hero .hero-description{max-width:none}.hero .hero-actions{flex-direction:row;align-items:center;gap:28px}.hero .scene{position:relative;top:auto;right:auto;width:620px;max-width:100%;align-self:center;margin-top:-20px}.hero h1{font-size:62px}.plan-list{gap:16px}.plan-row strong{font-size:40px}.plan-row h3{font-size:20px}.plan-row>span{font-size:16px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.site-header{height:88px}.hero .hero-copy{padding-top:32px}.hero h1{font-size:clamp(37px,9.8vw,62px);line-height:1.08}.hero .hero-description{font-size:17px;margin-top:20px}.hero-description span:first-child{display:none}.hero .hero-actions{display:block;margin-top:24px}.hero .hero-actions .primary{width:100%;font-size:17px;min-height:54px}.hero .underlink{display:none}.hero .scene{width:calc(100% + 40px);max-width:none;margin:-6px -20px -30px}.phone-caption{font-size:clamp(13px,3.5vw,19px);gap:4px;left:46%;width:29%}.phone-caption #connection-state{font-size:clamp(11px,3vw,16px)}.demo-label{font-size:clamp(10px,2.4vw,13px);min-height:44px;padding:5px 8px;margin-top:4px;gap:5px}.demo-label svg{width:12px;height:12px}.plan-list{grid-template-columns:minmax(0,1fr)}.plan-row strong{font-size:54px}.plan-row h3{font-size:24px}.hero.wrap{padding-bottom:40px}}
@media(prefers-reduced-motion:reduce){.scene *{animation:none!important;transition:none!important}}
.pricing .plan-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;width:100%;max-width:520px;margin:0 auto 24px}
.pricing .plan-switch button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;margin:0;padding:12px 10px;text-align:center;line-height:1.5}
.pricing .plan-switch button span{display:block;margin:0;font-size:13px}
.pricing .plan-row{min-width:0;gap:12px}
.pricing .plan-row h3,.pricing .plan-row>strong{margin:0;text-align:center}
.pricing .plan-row>[data-plan-monthly]{align-self:center;text-align:center;margin:0;width:100%;line-height:1.5}
.pricing .plan-row .button{margin-top:12px}