.page{--purple:#7942e8;--purple-light:#ad84ff;--black:#09090c;--ink:#15141a;--muted:#77737e;background:var(--black);color:#fff;width:100%;min-height:100vh;overflow:clip}.page *,.page :before,.page :after{box-sizing:border-box}.page a{text-decoration:none}.page button{font:inherit}.container{width:min(100% - 80px,1280px);margin-inline:auto}.page section[id]{scroll-margin-top:30px}.header{z-index:10;background:#08080b;border-bottom:1px solid #ffffff17;justify-content:space-between;align-items:center;gap:24px;width:100%;min-height:82px;padding:18px max(40px,50vw - 700px);display:flex;position:relative}.logo{letter-spacing:-.075em;color:#fff;font-size:28px;font-weight:800}.logo span{letter-spacing:-.025em;color:#a8a4b0;font-size:15px;font-weight:400}.backLink{color:#fff;border:1px solid #fff3;border-radius:999px;align-items:center;gap:10px;padding:12px 20px;font-size:13px;transition:background .25s,border-color .25s;display:inline-flex}.backLink:hover{border-color:var(--purple-light);background:#7942e829}.hero{background:radial-gradient(470px circle at var(--mouse-x,65%) var(--mouse-y,40%), #7942e838, transparent 75%), radial-gradient(ellipse at 88% 70%, #5226993d, transparent 48%), linear-gradient(135deg, #0a0a0f, #0c0914 70%, #110b1c);align-items:center;min-height:720px;padding:100px 0;display:flex;position:relative}.hero:after{content:"";pointer-events:none;opacity:.2;background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:70px 70px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000);mask-image:linear-gradient(90deg,#0000,#000)}.heroInner{z-index:2;grid-template-columns:1.05fr .95fr;align-items:center;gap:55px;width:min(100% - 80px,1360px);margin-inline:auto;display:grid;position:relative}.heroText{min-width:0}.eyebrow{color:#b88cff;letter-spacing:.22em;font-size:11px;font-weight:700;display:inline-block}.heroTitle{letter-spacing:-.075em;color:#fff;margin-top:26px;font-size:clamp(54px,5.3vw,83px);font-weight:650;line-height:1.06}.heroTitle span{-webkit-text-fill-color:transparent;background:linear-gradient(100deg,#a16cff,#d4b9ff);-webkit-background-clip:text;background-clip:text}.heroDescription{color:#aaa5b4;max-width:560px;margin-top:28px;font-size:15px;line-height:1.9}.heroActions{flex-wrap:wrap;align-items:center;gap:24px;margin-top:36px;display:flex}.primaryButton{color:#fff;background:linear-gradient(110deg,#7942e8,#9d65ff);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:15px;padding:17px 25px;font-size:13px;font-weight:600;transition:transform .3s,box-shadow .3s,background .3s;display:inline-flex}.primaryButton:hover{transform:translateY(-4px);box-shadow:0 15px 40px #7942e859}.secondaryButton{color:#e4ddea;align-items:center;gap:10px;font-size:13px;transition:color .25s;display:inline-flex}.secondaryButton:hover{color:#b88cff}.heroVisual{perspective:1200px;justify-content:center;align-items:center;min-height:420px;display:flex;position:relative}.browser{background:#15121e;border:1px solid #be96ff4d;border-radius:18px;width:min(100%,540px);transition:transform .55s,box-shadow .55s;overflow:hidden;transform:rotateY(-8deg)rotateX(5deg);box-shadow:0 40px 100px #0000008c,0 0 85px #7942e82b}.heroVisual:hover .browser{transform:rotateY(0)rotateX(0)translateY(-8px);box-shadow:0 50px 100px #00000080,0 0 100px #7942e84d}.browserTop{background:#201b2b;border-bottom:1px solid #ffffff14;align-items:center;gap:22px;height:45px;padding:0 18px;display:flex}.browserTop>span{color:#aaa0b8;font-size:11px}.browserDots{gap:6px;display:flex}.browserDots i{background:#8b809b;border-radius:50%;width:8px;height:8px}.browserDots i:first-child{background:#a56bff}.browserContent{background:radial-gradient(circle at 90% 20%,#914bff47,#0000 55%),linear-gradient(145deg,#171222,#0e0d15);min-height:330px;padding:45px 35px 28px}.browserContent>span{color:#b993ff;letter-spacing:.2em;font-size:9px;font-weight:700}.browserContent h2{letter-spacing:-.06em;color:#fff;max-width:370px;margin-top:15px;font-size:clamp(27px,3vw,41px);font-weight:600;line-height:1.12}.browserButton{color:#fff;background:#7942e8;border-radius:999px;align-items:center;gap:12px;width:fit-content;margin-top:25px;padding:10px 14px;font-size:10px;display:flex}.browserCards{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:32px;display:grid}.browserCards div{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:9px;height:52px}.browserCards div:nth-child(2){background:#7942e82b}.floatingBadge{color:#f2eaff;background:#2a1d41f2;border:1px solid #ba89ff73;border-radius:13px;align-items:center;gap:12px;padding:15px 19px;font-size:12px;display:flex;position:absolute;bottom:8px;right:-12px;box-shadow:0 20px 40px #00000059}.floatingBadge svg{color:#c7a4ff}.sectionLabel{color:var(--purple);letter-spacing:.2em;font-size:11px;font-weight:700;display:inline-block}.sectionTitle{letter-spacing:-.07em;margin-top:22px;font-size:clamp(38px,4.5vw,66px);font-weight:600;line-height:1.09}.sectionTitle span{color:#8d8994}.sectionDescription{color:#77737e;max-width:720px;margin-top:24px;font-size:16px;line-height:1.9}.introSection{color:var(--ink);background:#fff;padding:115px 0}.introSection .sectionDescription{font-size:18px}.benefitsSection{color:var(--ink);background:#f7f6f9;padding:110px 0}.benefitsGrid{perspective:1000px;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:55px;display:grid}.benefitCard{min-height:310px;transform-style:preserve-3d;background:#fff;border:1px solid #eae7ef;border-radius:20px;padding:30px 25px;transition:border-color .3s,box-shadow .3s;position:relative;box-shadow:0 10px 35px #140a2d06}.benefitCard:hover{border-color:#7942e859;box-shadow:0 22px 55px #37196e1a}.benefitCard>svg:first-child{color:var(--purple);margin-bottom:45px}.benefitCard h3{letter-spacing:-.04em;font-size:20px;font-weight:650;line-height:1.2}.benefitCard p{color:#817d87;margin-top:14px;font-size:13px;line-height:1.8}.cardArrow{color:#b8a5d8;transition:transform .3s,color .3s;position:absolute;bottom:20px;right:20px}.benefitCard:hover .cardArrow{color:var(--purple);transform:translate(3px,-3px)}.comparisonSection{color:#fff;background:#0d0b13;padding:110px 0}.comparisonSection .sectionLabel{color:#b38aff}.comparisonSection .sectionTitle span{color:#b8a4d9}.comparisonSection .sectionDescription{color:#aaa4b3}.comparisonControls{background:#211a2c;border:1px solid #ffffff14;border-radius:999px;gap:5px;width:fit-content;max-width:100%;margin-top:42px;padding:6px;display:flex}.comparisonControls button{color:#aaa2b5;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:13px 22px;font-size:13px;transition:background .3s,color .3s}.comparisonControls button:hover{color:#fff}.comparisonControls button.activeButton{color:#fff;background:#7942e8;box-shadow:0 5px 20px #7942e847}.comparisonPanel{background:radial-gradient(circle at 90% 20%,#7942e833,#0000 50%),linear-gradient(120deg,#17121f,#111019);border:1px solid #ae85ff3b;border-radius:24px;align-items:center;min-height:370px;margin-top:30px;padding:55px;display:flex;box-shadow:0 30px 70px #0000002e}.comparisonContent{width:100%;max-width:900px}.comparisonContent>svg{color:#ad84ff}.comparisonContent h3{letter-spacing:-.055em;margin-top:22px;font-size:clamp(27px,3vw,40px);font-weight:600}.comparisonContent>p{color:#aaa4b3;max-width:650px;margin-top:14px;font-size:15px;line-height:1.85}.comparisonFeatures{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.comparisonFeatures span{color:#d7d0e2;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:9px;padding:11px 15px;font-size:12px;display:inline-flex}.comparisonFeatures svg{color:#b993ff}.typesSection{color:var(--ink);background:#fff;padding:115px 0}.typesGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:50px;display:grid}.typeCard{background:#faf9fc;border:1px solid #e8e4ed;border-radius:20px;flex-direction:column;align-items:flex-start;min-height:360px;padding:32px;transition:background .3s,border-color .3s;display:flex;position:relative;overflow:hidden}.typeCard:after{content:"";pointer-events:none;background:#7942e814;border-radius:50%;width:180px;height:180px;transition:transform .4s,background .4s;position:absolute;top:-80px;right:-80px}.typeCard:hover{background:#f3eeff;border-color:#7942e84d}.typeCard:hover:after{background:#7942e824;transform:scale(1.7)}.typeTop{justify-content:space-between;align-items:center;width:100%;display:flex}.typeTop svg{color:var(--purple)}.typeNumber{color:#a09aa8;font-size:14px}.typeTag{color:var(--purple);letter-spacing:.17em;margin-top:55px;font-size:10px;font-weight:700}.typeCard h3{letter-spacing:-.055em;margin-top:13px;font-size:28px;font-weight:600;line-height:1.15}.typeCard p{color:#817b88;margin-top:14px;font-size:13px;line-height:1.85}.typeCard>svg{color:var(--purple);align-self:flex-end;margin-top:auto}.faqSection{color:var(--ink);background:#f6f5f8;padding:110px 0}.faqList{border-top:1px solid #ddd8e5;margin-top:48px}.faqItem{border-bottom:1px solid #ddd8e5}.faqItem button{text-align:left;color:#17141d;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:20px;width:100%;min-height:82px;padding:22px 5px;font-size:17px;font-weight:550;display:flex}.faqItem button:hover{color:var(--purple)}.faqItem button svg{color:var(--purple);flex-shrink:0}.faqAnswer{overflow:hidden}.faqAnswer p{color:#77717f;max-width:800px;padding:0 5px 26px;font-size:14px;line-height:1.9}.ctaSection{text-align:center;background:radial-gradient(at 50% 100%,#7942e847,#0000 65%),#0b0911;padding:120px 0}.ctaSection .sectionLabel{color:#b993ff}.ctaSection h2{letter-spacing:-.075em;margin-top:24px;font-size:clamp(44px,6vw,82px);font-weight:600;line-height:1.07}.ctaSection p{color:#aaa3b5;max-width:560px;margin:25px auto 32px;font-size:15px;line-height:1.9}.footer{background:#08080b;border-top:1px solid #ffffff17;justify-content:space-between;align-items:center;gap:20px;min-height:100px;padding:28px 40px;display:flex}.footer a{color:#fff;letter-spacing:-.06em;font-size:20px;font-weight:700}.footer span{color:#8b8593;font-size:12px}@media (max-width:1100px){.heroInner{gap:30px}.heroTitle{font-size:clamp(48px,5vw,70px)}.benefitsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.benefitCard{min-height:260px}}@media (max-width:850px){.container,.heroInner{width:min(100% - 44px,680px)}.header{padding-inline:22px}.hero{padding:75px 0 90px}.heroInner{grid-template-columns:1fr;gap:65px}.heroVisual{min-height:360px}.typesGrid{grid-template-columns:1fr}.typeCard{min-height:290px}.typeTag{margin-top:35px}}@media (max-width:600px){.header{min-height:72px;padding:16px 20px}.logo{font-size:25px}.logo span{font-size:12px}.backLink{padding:10px 13px;font-size:11px}.hero{min-height:auto;padding:70px 0}.heroTitle{font-size:clamp(42px,10vw,62px)}.heroDescription{font-size:14px}.heroActions{flex-direction:column;align-items:flex-start;gap:22px}.heroVisual{min-height:310px}.browser{transform:none}.browserContent{min-height:270px;padding:30px 22px}.browserContent h2{font-size:29px}.floatingBadge{padding:11px 13px;font-size:10px;bottom:-10px;right:0}.introSection,.benefitsSection,.comparisonSection,.typesSection,.faqSection,.ctaSection{padding:75px 0}.sectionTitle{font-size:39px}.sectionDescription{font-size:14px}.introSection .sectionDescription{font-size:15px}.benefitsGrid{grid-template-columns:1fr;gap:14px}.benefitCard{min-height:250px}.comparisonControls{width:100%}.comparisonControls button{flex:1;padding:12px 9px;font-size:11px}.comparisonPanel{min-height:400px;padding:28px 22px}.comparisonContent h3{font-size:30px}.comparisonFeatures{flex-direction:column;align-items:flex-start}.typeCard{padding:25px}.faqItem button{font-size:15px}.ctaSection h2{font-size:46px}.footer{flex-direction:column;align-items:flex-start;padding:30px 22px}}@media (prefers-reduced-motion:reduce){.page *,.page :before,.page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.page{outline:8px solid #a879f5!important}