:root{--bg:#08090d;--surface:#101117;--surface2:#171821;--text:#faf8fb;--muted:#a29faa;--pink:#ff4f91;--orange:#ff7953;--violet:#8068ff;--light:#f4f1f5;--ink:#111116;--line:rgba(255,255,255,.11);--gradient:linear-gradient(120deg,var(--pink),var(--orange));}
    *{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--text);background:var(--bg);font-family:Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}::selection{color:#fff;background:var(--pink)}
    .skip{position:fixed;z-index:999;top:7px;left:12px;padding:10px 15px;border-radius:999px;background:var(--pink);transform:translateY(-160%)}.skip:focus{transform:none}
    .header{position:fixed;z-index:100;top:18px;left:50%;width:min(1240px,calc(100% - 40px));height:68px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 14px 0 20px;border:1px solid var(--line);border-radius:999px;background:rgba(11,11,16,.76);box-shadow:0 14px 50px rgba(0,0,0,.25);backdrop-filter:blur(24px) saturate(140%);transform:translateX(-50%)}
    .brand{display:inline-flex;align-items:center;gap:11px;width:max-content}.mark{position:relative;width:38px;height:38px;flex:0 0 38px;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.16),transparent 45%),#181821;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.mark i{position:absolute;top:15px;left:5px;width:28px;height:9px;border:1px solid rgba(255,255,255,.65);border-radius:50%}.mark i:first-child{transform:rotate(31deg)}.mark i:nth-child(2){opacity:.55;transform:rotate(-29deg)}.mark b{position:absolute;top:15px;left:16px;width:7px;height:7px;border-radius:1px 50%;background:var(--gradient);box-shadow:0 0 14px rgba(255,79,145,.75);transform:rotate(45deg)}.brand-words{display:flex;flex-direction:column;gap:3px;line-height:1}.brand-words strong{font-size:11px;letter-spacing:.16em}.brand-words small{color:rgba(255,255,255,.45);font-size:8px;letter-spacing:.32em}
    .nav{display:flex;align-items:center;gap:34px}.nav a{position:relative;color:rgba(255,255,255,.6);font-size:12px;transition:.2s}.nav a:hover{color:#fff}.nav a:after{content:"";position:absolute;left:50%;bottom:-9px;width:4px;height:4px;border-radius:50%;background:var(--pink);opacity:0;transform:translateX(-50%) scale(0);transition:.2s}.nav a:hover:after{opacity:1;transform:translateX(-50%) scale(1)}
    .header-actions{display:flex;align-items:center;justify-self:end;gap:10px}.lang{height:36px;display:flex;align-items:center;gap:7px;padding:0 12px;color:rgba(255,255,255,.48);border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.04);cursor:pointer}.lang b,.lang span{color:rgba(255,255,255,.38);font-size:9px;font-weight:800}.lang .active{color:#fff}.lang i{width:1px;height:10px;background:rgba(255,255,255,.15)}.contact-button{height:42px;display:flex;align-items:center;gap:12px;padding:0 18px;border-radius:999px;background:var(--gradient);box-shadow:0 8px 24px rgba(255,79,145,.2);font-size:11px;font-weight:800}.arrow{font:400 15px Arial}.menu{display:none;width:42px;height:42px;padding:0;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:rgba(255,255,255,.04)}.menu span{display:block;width:15px;height:1px;margin:5px auto;background:#fff;transition:.2s}.menu.active span:first-child{transform:translateY(3px) rotate(45deg)}.menu.active span:last-child{transform:translateY(-3px) rotate(-45deg)}
    .hero{position:relative;min-height:1050px;padding:166px 30px 76px;overflow:hidden;background:radial-gradient(circle at 50% 34%,rgba(89,55,128,.25),transparent 31%),linear-gradient(180deg,#090a0f,#0b0a10 62%,#09090d)}.stars{position:absolute;inset:0;opacity:.45;background-image:radial-gradient(circle at 11% 18%,white 0 1px,transparent 1.4px),radial-gradient(circle at 76% 12%,white 0 1px,transparent 1.4px),radial-gradient(circle at 89% 47%,rgba(255,255,255,.7) 0 1px,transparent 1.4px),radial-gradient(circle at 25% 66%,rgba(255,255,255,.55) 0 1px,transparent 1.4px),radial-gradient(circle at 64% 76%,rgba(255,255,255,.55) 0 1px,transparent 1.4px);background-size:280px 260px,370px 330px,430px 390px,330px 360px,510px 420px;mask-image:linear-gradient(#000,transparent 92%)}.glow{position:absolute;width:700px;height:700px;border-radius:50%;filter:blur(150px);pointer-events:none}.glow.pink{top:-520px;left:-250px;background:rgba(255,79,145,.18)}.glow.violet{top:120px;right:-540px;background:rgba(128,104,255,.2)}.hero-inner{position:relative;z-index:2;width:min(1240px,100%);margin:auto}.hero-copy{max-width:1000px;margin:auto;text-align:center}.overline{display:flex;align-items:center;gap:11px;margin:0;color:rgba(255,255,255,.56);font-size:9px;font-weight:800;letter-spacing:.19em;text-transform:uppercase}.overline:before{content:"";width:22px;height:1px;background:var(--gradient)}.hero .overline{justify-content:center}.hero h1{margin:25px 0 0;font-size:clamp(58px,7.2vw,108px);font-weight:650;line-height:.99;letter-spacing:-.07em}.hero h1 span{display:block}.hero h1 .accent{padding-bottom:.12em;color:transparent;background:var(--gradient);background-clip:text}.hero-copy>p:last-of-type{max-width:720px;margin:28px auto 0;color:rgba(255,255,255,.54);font-size:15px;line-height:1.9}.actions{display:flex;justify-content:center;gap:13px;margin-top:34px}.btn{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:0 24px;border-radius:999px;font-size:12px;font-weight:800;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--gradient);box-shadow:0 18px 45px rgba(255,79,145,.22)}.btn.ghost{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.045)}
    .showcase{position:relative;height:595px;margin:72px auto 0;perspective:1300px}.showcase:before{content:"";position:absolute;left:50%;bottom:18px;width:820px;height:115px;border-radius:50%;background:rgba(0,0,0,.8);filter:blur(34px);transform:translateX(-50%)}.halo{position:absolute;top:48%;left:50%;width:720px;height:420px;border:1px solid rgba(255,255,255,.08);border-radius:50%;background:radial-gradient(circle,rgba(255,79,145,.17),rgba(128,104,255,.06) 48%,transparent 69%);transform:translate(-50%,-50%)}.phone{position:absolute;top:50%;left:50%;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:34px;background:#111116;box-shadow:0 35px 90px rgba(0,0,0,.57),inset 0 0 0 5px #15151b}.phone img{width:100%;height:100%;padding:7px;border-radius:32px;object-fit:contain;background:#0b0b10}.phone strong{position:absolute;z-index:3;top:13px;left:50%;padding:6px 10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(8,9,13,.65);font-size:7px;letter-spacing:.15em;transform:translateX(-50%)}.phone.center{z-index:3;width:300px;height:590px;transform:translate(-50%,-50%)}.phone.left{z-index:2;width:245px;height:480px;opacity:.84;transform:translate(-141%,-47%) rotateY(18deg) rotateZ(-7deg)}.phone.right{z-index:2;width:245px;height:480px;opacity:.84;transform:translate(41%,-47%) rotateY(-18deg) rotateZ(7deg)}.chips{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.chips span{display:flex;align-items:center;justify-content:center;gap:10px;min-height:62px;border-right:1px solid var(--line);color:rgba(255,255,255,.52);font-size:9px}.chips span:last-child{border:0}.chips i{color:var(--pink);font-style:normal;font-weight:800}
    .statement{position:relative;min-height:470px;display:grid;place-items:center;padding:70px 25px;overflow:hidden;text-align:center;background:#fff;color:var(--ink)}.statement p{margin:0;font-size:clamp(44px,5vw,78px);font-weight:620;line-height:1.08;letter-spacing:-.055em}.statement p span{display:block}.statement>small{position:absolute;bottom:26px;color:#9a949c;font-size:8px;letter-spacing:.2em}.orb{position:absolute;top:40px;right:5%;width:92px;height:92px;display:grid;place-items:center;border:1px solid rgba(17,17,22,.12);border-radius:50%;animation:spin 16s linear infinite}.orb .mark{transform:scale(.76)}
    .section{padding:120px max(30px,calc((100vw - 1240px)/2))}.light{color:var(--ink);background:var(--light)}.dark{background:#0b0c11}.heading{display:grid;grid-template-columns:260px 1fr;gap:50px}.light .overline{color:#746e76}.heading h2{margin:0;font-size:clamp(45px,5vw,76px);font-weight:620;line-height:1.06;letter-spacing:-.055em}.heading h2 span{display:block}.heading-copy{max-width:540px;margin-left:auto;color:#77717a;font-size:13px;line-height:1.9}.heading-copy a{display:inline-flex;gap:13px;margin-top:18px;padding-bottom:4px;border-bottom:1px solid rgba(17,17,22,.2);color:var(--ink);font-weight:700}
    .about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:72px}.about-card{min-height:360px;display:flex;flex-direction:column;justify-content:space-between;padding:28px;border:1px solid rgba(17,17,22,.1);border-radius:28px;background:#fff;transition:.25s}.about-card:hover{transform:translateY(-6px);box-shadow:0 25px 65px rgba(34,25,39,.09)}.card-top{display:flex;justify-content:space-between;color:#99929a;font-size:9px}.card-top i{width:50px;height:50px;display:grid;place-items:center;border-radius:50%;background:var(--gradient);color:#fff;font-size:21px;font-style:normal}.about-card h3{margin:0 0 12px;font-size:28px;letter-spacing:-.04em}.about-card p{margin:0;color:#817a83;font-size:11px;line-height:1.8}
    .cap-top{display:grid;grid-template-columns:1.2fr .8fr;gap:60px}.cap-top h2{max-width:780px;margin:22px 0 0;font-size:clamp(45px,5vw,76px);line-height:1.05;letter-spacing:-.055em}.cap-top>p{align-self:end;margin:0;color:rgba(255,255,255,.48);font-size:13px;line-height:1.9}.cap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:72px}.cap-card{position:relative;min-height:420px;display:flex;flex-direction:column;justify-content:space-between;padding:24px;overflow:hidden;border:1px solid var(--line);border-radius:26px;background:linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.018));transition:.25s}.cap-card:hover{border-color:rgba(255,79,145,.36);transform:translateY(-5px)}.cap-card:before{content:"";position:absolute;inset:15% -20% auto;height:220px;background:radial-gradient(circle,rgba(255,79,145,.17),transparent 62%);opacity:.5}.cap-card>span{position:relative;color:var(--pink);font-size:9px;font-weight:800}.cap-icon{position:relative;align-self:center;width:125px;height:125px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.1);border-radius:50%;color:#fff;background:radial-gradient(circle,rgba(255,79,145,.24),transparent 65%);font-size:35px}.cap-card small{color:rgba(255,255,255,.35);font-size:8px;letter-spacing:.15em;text-transform:uppercase}.cap-card h3{margin:10px 0;font-size:22px}.cap-card p{margin:0;color:rgba(255,255,255,.46);font-size:10px;line-height:1.7}
    .product{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 55%,rgba(128,104,255,.12),transparent 35%),#08090d}.product-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:60px}.product-heading h2{margin:8px 0 0;font-size:clamp(65px,7vw,110px);letter-spacing:-.07em}.product-heading .eyebrow{display:block;margin-top:32px;color:var(--pink);font-size:8px;font-weight:800;letter-spacing:.18em}.product-heading h3{margin:50px 0 12px;font-size:27px}.product-heading>div:last-child p{max-width:520px;margin:0;color:rgba(255,255,255,.48);font-size:12px;line-height:1.9}.product-box{display:grid;grid-template-columns:190px minmax(360px,1fr) minmax(300px,.8fr);margin-top:70px;overflow:hidden;border:1px solid var(--line);border-radius:31px;background:#101117}.tabs{display:flex;flex-direction:column;border-right:1px solid var(--line)}.tabs button{min-height:102px;display:grid;grid-template-columns:24px 1fr;align-items:center;gap:10px;padding:0 20px;color:rgba(255,255,255,.38);border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;cursor:pointer}.tabs button.active{color:#fff;background:linear-gradient(90deg,rgba(255,79,145,.14),transparent)}.tabs i{color:var(--pink);font-size:8px;font-style:normal}.tabs span{font-size:11px;font-weight:700}.screen{min-height:660px;display:grid;place-items:center;padding:30px;background:radial-gradient(circle,rgba(255,79,145,.13),transparent 58%)}.screen-frame{width:285px;height:575px;padding:7px;border:1px solid rgba(255,255,255,.17);border-radius:34px;background:#14151b;box-shadow:0 35px 85px rgba(0,0,0,.6)}.screen-frame img{width:100%;height:100%;border-radius:28px;object-fit:contain;background:#09090c}.product-copy{display:flex;flex-direction:column;justify-content:center;padding:42px;border-left:1px solid var(--line)}.product-copy>span{color:var(--pink);font-size:8px;font-weight:800;letter-spacing:.18em}.product-copy h4{margin:13px 0 16px;font-size:29px}.product-copy>p{margin:0;color:rgba(255,255,255,.48);font-size:12px;line-height:1.8}.feature-list{display:flex;flex-direction:column;gap:12px;margin:30px 0;padding:23px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);list-style:none}.feature-list li{color:rgba(255,255,255,.65);font-size:10px}.feature-list li:before{content:"✓";display:inline-grid;place-items:center;width:19px;height:19px;margin-right:10px;border-radius:50%;background:var(--gradient);color:#fff;font-size:8px}.product-links{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.product-links .btn{min-height:48px;background:#fff;color:var(--ink)}.text-link{padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.62);font-size:10px}
    .approach-list{margin-top:70px;border-top:1px solid rgba(17,17,22,.12)}.approach-row{display:grid;grid-template-columns:60px 110px 260px 1fr 30px;align-items:center;gap:24px;min-height:132px;border-bottom:1px solid rgba(17,17,22,.12);transition:.2s}.approach-row:hover{padding:0 18px;background:rgba(255,255,255,.68)}.approach-row>span{color:var(--pink);font-size:9px;font-weight:800}.approach-row small{color:#8b858d;font-size:8px;font-weight:800;letter-spacing:.16em}.approach-row h3{margin:0;font-size:22px}.approach-row p{margin:0;color:#77717a;font-size:11px;line-height:1.7}.approach-row i{font-size:18px;font-style:normal}
    .contact{position:relative;min-height:720px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 24px;overflow:hidden;text-align:center;background:radial-gradient(circle at 50% 42%,rgba(128,104,255,.15),transparent 30%),#09090e}.contact:before{content:"";position:absolute;top:-220px;left:50%;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(255,79,145,.2),transparent 65%);filter:blur(55px);transform:translateX(-50%)}.orbit{position:absolute;left:50%;top:50%;width:650px;height:650px;border:1px solid rgba(255,255,255,.07);border-radius:50%;transform:translate(-50%,-50%)}.orbit.two{width:930px;height:430px;transform:translate(-50%,-50%) rotate(-14deg)}.contact>*:not(.orbit){position:relative;z-index:2}.contact .overline{justify-content:center}.contact h2{margin:25px 0 0;font-size:clamp(50px,6vw,92px);font-weight:630;line-height:1.04;letter-spacing:-.065em}.contact h2 span{display:block}.contact>p:not(.overline){margin:25px 0 0;color:rgba(255,255,255,.48);font-size:13px}.email{display:flex;align-items:center;gap:24px;margin-top:44px;padding:9px 9px 9px 25px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(255,255,255,.045);font-size:clamp(14px,1.7vw,22px)}.email i{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:var(--gradient);font-style:normal}.contact-meta{display:flex;gap:44px;margin-top:55px;color:rgba(255,255,255,.34);font-size:8px;font-weight:800;letter-spacing:.15em}
    .footer{padding:58px max(28px,calc((100vw - 1240px)/2)) 28px;color:var(--ink);background:#fff}.footer .mark{background:#181821}.footer .brand-words small{color:rgba(17,17,22,.48)}.footer-main{display:grid;grid-template-columns:.85fr 1.45fr auto;align-items:start;gap:50px;padding-bottom:50px}.footer-company{display:flex;flex-direction:column;gap:10px}.footer-company strong{font-size:14px}.footer-company span,.footer-company address,.footer-company a{color:#77717a;font-size:10px}.footer-company address{max-width:540px;margin:5px 0 0;font-style:normal;line-height:1.7}.footer nav{display:flex;flex-direction:column;align-items:flex-end;gap:11px;color:#69646b;font-size:10px}.footer a:hover{color:var(--pink)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:22px;border-top:1px solid rgba(17,17,22,.12);color:#918b93;font-size:8px}.footer-bottom i{font-style:normal}.backtop{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(17,17,22,.12);border-radius:50%;color:var(--ink)!important;font-size:15px}
    @keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1050px){.header{grid-template-columns:1fr auto}.nav{display:none}.nav.open{position:fixed;inset:82px 20px auto;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:22px;border:1px solid var(--line);border-radius:25px;background:rgba(12,12,17,.98);box-shadow:0 25px 70px rgba(0,0,0,.45)}.nav.open a{padding:17px 5px;border-bottom:1px solid var(--line);font-size:18px}.menu{display:block}.contact-button{display:none}.heading,.cap-top,.product-heading{grid-template-columns:1fr}.heading-copy{margin:0}.cap-grid{grid-template-columns:repeat(2,1fr)}.product-box{grid-template-columns:160px 1fr}.product-copy{grid-column:1/-1;border-top:1px solid var(--line);border-left:0}.approach-row{grid-template-columns:45px 80px 220px 1fr 24px}}
    @media(max-width:760px){html{scroll-padding-top:82px}.header{top:10px;width:calc(100% - 20px);height:62px;padding:0 10px 0 14px}.brand-words strong{font-size:9px}.lang{height:34px;padding:0 9px}.menu{width:38px;height:38px}.nav.open{inset:72px 10px auto}.hero{min-height:0;padding:130px 19px 54px}.hero h1{font-size:clamp(46px,13vw,70px);line-height:1.03}.hero-copy>p:last-of-type{font-size:13px;line-height:1.75}.actions{flex-direction:column}.btn{width:100%}.showcase{height:485px;margin-top:58px}.halo{width:460px;height:310px}.phone.center{width:224px;height:450px}.phone.left,.phone.right{width:165px;height:342px}.phone.left{transform:translate(-137%,-46%) rotateY(18deg) rotateZ(-7deg)}.phone.right{transform:translate(37%,-46%) rotateY(-18deg) rotateZ(7deg)}.chips{grid-template-columns:repeat(2,1fr)}.chips span:nth-child(2){border-right:0}.chips span:nth-child(-n+2){border-bottom:1px solid var(--line)}.statement{min-height:390px}.statement p{font-size:clamp(37px,10vw,54px)}.orb{width:65px;height:65px;top:25px;right:20px}.section{padding:88px 20px}.heading h2,.cap-top h2{font-size:clamp(39px,10.5vw,58px)}.about-grid,.cap-grid{grid-template-columns:1fr}.about-card{min-height:315px}.cap-card{min-height:390px}.product-heading h2{font-size:60px}.product-box{grid-template-columns:1fr;border-radius:24px}.tabs{flex-direction:row;padding:10px;border-right:0;border-bottom:1px solid var(--line)}.tabs button{min-height:54px;display:flex;justify-content:center;flex:1;padding:0 8px;border-right:1px solid var(--line);border-bottom:0}.tabs i{display:none}.screen{min-height:565px;padding:25px}.screen-frame{width:250px;height:505px}.product-copy{padding:30px 25px}.product-links .btn{width:auto}.approach-row{grid-template-columns:36px 1fr 20px;gap:12px;padding:25px 0}.approach-row small,.approach-row h3,.approach-row p{grid-column:2}.approach-row>span{grid-row:1/4}.approach-row i{grid-column:3;grid-row:1/4}.contact{min-height:650px;padding:90px 20px}.contact h2{font-size:clamp(43px,12vw,62px)}.orbit{width:490px;height:490px}.email{gap:13px;padding-left:17px;font-size:13px}.email i{width:41px;height:41px}.footer{padding:45px 20px 25px}.footer-main{grid-template-columns:1fr;gap:34px}.footer nav{align-items:flex-start}}
    @media(max-width:430px){.brand-words small{display:none}.hero h1{font-size:46px}.phone.left{transform:translate(-129%,-46%) rotateY(18deg) rotateZ(-7deg)}.phone.right{transform:translate(29%,-46%) rotateY(-18deg) rotateZ(7deg)}.product-heading h2{font-size:52px}.contact-meta{gap:18px;letter-spacing:.1em}.email span{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}:focus-visible{outline:2px solid var(--pink);outline-offset:4px}
