@font-face{font-family:Sofia;src:url('assets/sofia-bold.woff2') format('woff2');font-weight:700;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#08000d;color:#fbf9ff;font-family:Arial,sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}button,textarea{font:inherit}button,a,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,textarea:focus-visible{outline:3px solid #bd7aff;outline-offset:5px}header{max-width:1440px;margin:auto;min-height:100px;padding:24px 5.6%;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{width:210px;height:auto;display:block}nav{display:flex;gap:42px;padding:5px 26px;border:1px solid #51455c;border-radius:40px;font-size:15px}nav a:hover,.text-link:hover{color:#bb7bff}.actions{display:flex;gap:20px}.button{border:0;background:linear-gradient(135deg,#9200ff,#6900ca);color:white;border-radius:12px;padding:12px 22px;font-size:14px;font-weight:bold;display:inline-flex;align-items:center;justify-content:center;gap:12px;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 6px 30px #8000ff40}.secondary{background:#6b00bd}.menu{display:none}.hero{position:relative;min-height:805px;display:flex;justify-content:center;padding:145px 24px 145px;overflow:hidden}.hero canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hero-content{z-index:1;position:relative;width:100%;max-width:1030px;text-align:center}h1,h2,h3{font-family:Sofia,Arial,sans-serif;line-height:1.15;letter-spacing:-1.5px;margin:0}h1{font-size:56px}h2{font-size:48px}h3{font-size:35px}.rotating{font-family:Sofia,Arial,sans-serif;font-size:62px;line-height:1.2;color:#9400ff;text-shadow:0 0 24px #8000ff70;min-height:80px;margin-bottom:24px}form{max-width:875px;margin:auto}textarea{width:100%;height:178px;resize:vertical;color:#fff;padding:19px 23px;background:#060718e8;border:1px solid #484255;border-radius:13px;font-size:14px;display:block}textarea::placeholder{color:#98939f}.prompt-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.prompt-bottom>span{font-size:12px;color:#78717f}.prompt-bottom .button{padding:9px 20px}.section{max-width:1220px;margin:auto;padding:105px 40px}.section-heading{text-align:center;max-width:760px;margin:0 auto 54px}.eyebrow{display:block;color:#bc82fc;font-size:11px;font-weight:bold;letter-spacing:2.7px;margin-bottom:23px}p{color:#a8a1b2;max-width:620px;line-height:1.85}.section-heading p{margin:23px auto 0}.workspace-image{border:1px solid #493257;border-radius:16px;background:#100b1c;overflow:hidden;box-shadow:0 0 100px #6700b320}.window-bar{display:flex;justify-content:space-between;padding:13px 20px;font-size:10px;letter-spacing:2px;color:#93879f}.window-bar span:first-child{color:#8e54c0}.workspace-image img{width:100%;display:block}.capabilities{display:flex;justify-content:space-between;gap:20px;padding:30px 10px;font-size:14px;color:#b7a7c8}.differences{padding-top:85px}.feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px;margin-top:95px}.feature h3{font-size:39px}.feature p{margin:25px 0}.text-link{font-weight:bold;font-size:14px;display:inline-flex;gap:25px;align-items:center}.blueprint{min-height:330px;border:1px solid #30203b;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#3c08634d,transparent 75%);position:relative}.flow-node{border:1px solid #61417b;background:#160b25;padding:12px 30px;border-radius:10px;font-size:14px;min-width:245px;text-align:center}.flow-node.highlighted{background:#7900d0;border-color:#b36dff;box-shadow:0 0 40px #7c00c93d}.blueprint i{height:24px;border-left:1px dashed #925bb3}.orbit{position:absolute;right:28px;top:25px;color:#a35ae9}.reverse>div{order:2}.logic-image{width:100%;border:1px solid #392047;border-radius:16px;padding:20px;background:#100818}.security{margin:70px auto;background:radial-gradient(ellipse at 0 100%,#35064f,#10051a 70%);border:1px solid #36213e;border-radius:26px;padding:70px}.security-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.security h3{font-size:28px}.shield{font-size:220px;line-height:1.3;color:#a23bff;position:relative;text-align:center;text-shadow:0 0 60px #8d00ff85}.shield span{font-family:Arial;font-size:64px;position:absolute;top:38%;left:43%;color:#e6ccff}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.resource-grid>a{padding:30px;border-top:1px solid #483450;transition:background .2s}.resource-grid>a:hover{background:#180b25}.resource-icon{font-size:30px;color:#b871ff;display:block;margin-bottom:26px}.resource-grid h3{font-size:26px}.resource-grid p{font-size:15px}.resource-grid .text-link{margin-top:20px}.pricing{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.pricing-panel{padding:45px;border:1px solid #493153;border-radius:20px;background:linear-gradient(130deg,#1b092c,#0e0616)}.pill{display:inline-block;border:1px solid #684382;border-radius:20px;padding:4px 12px;font-size:9px;letter-spacing:2px;margin-bottom:24px;color:#d4b1f2}.contact{text-align:center;padding-top:125px;padding-bottom:125px;background:radial-gradient(ellipse at 50% 70%,#36045155,transparent 65%)}.contact h2{font-size:78px}.contact em{font-style:normal;color:#a337ff}.contact p{margin:24px auto}.contact>.text-link{display:flex;justify-content:center;margin-top:24px;color:#bfa6d4}footer{border-top:1px solid #2b1d33;max-width:1280px;margin:auto;padding:65px 40px 24px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}footer h4{margin:0 0 18px}footer a:not(:has(img)){display:block;font-size:14px;color:#aca1b7;margin:8px 0}footer p{font-size:14px}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid #281b30;padding-top:22px;color:#807389;font-size:12px}.sr,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip:focus{position:fixed;top:10px;left:10px;background:#8000ff;z-index:20;padding:12px}dialog{max-width:560px;width:calc(100% - 40px);background:#14091f;color:white;border:1px solid #6a3a8c;border-radius:20px;padding:45px;text-align:left}dialog::backdrop{background:#000b;backdrop-filter:blur(7px)}dialog h2{font-size:36px}.close{position:absolute;right:14px;top:9px;background:none;border:0;color:white;font-size:28px}#copy-status{min-height:26px;font-size:13px}
@media(max-width:1000px){header{padding:22px 28px;flex-wrap:wrap}nav{gap:23px}.actions{gap:10px}.logo{width:175px}h1{font-size:47px}.hero{padding-top:115px;min-height:740px}.feature,.pricing{gap:40px}.security{margin:40px 24px}.security-grid{gap:30px}}@media(max-width:760px){header{padding:20px;gap:16px}.logo{width:157px}.menu{display:block;background:none;border:1px solid #493153;color:white;border-radius:8px;padding:3px 12px;font-size:24px}.actions{display:none}nav{display:none;order:4;width:100%;flex-direction:column;border-radius:15px;gap:10px;padding:18px}nav.open{display:flex}.hero{padding:90px 20px 90px;min-height:660px}h1{font-size:36px;letter-spacing:-1px}h1 br{display:none}.rotating{font-size:48px;min-height:65px;margin-top:12px}textarea{height:160px;font-size:13px}.prompt-bottom>span{max-width:135px;text-align:left}.section{padding:70px 22px}h2{font-size:36px}.section-heading{margin-bottom:35px}.capabilities{flex-wrap:wrap;justify-content:center;font-size:12px;gap:18px}.window-bar{font-size:8px}.feature,.pricing,.security-grid{grid-template-columns:1fr;gap:30px}.feature{margin-top:55px}.feature h3{font-size:33px}.reverse>div{order:0}.security{padding:40px 25px;margin:20px}.shield{font-size:160px;line-height:1.1}.shield span{font-size:45px;left:45%;top:32%}.resource-grid{grid-template-columns:1fr}.resource-grid>a{padding:25px 10px}.resource-icon{margin-bottom:15px}.pricing-panel{padding:30px}.contact h2{font-size:58px}footer{padding:45px 22px 20px;grid-template-columns:1fr 1fr;gap:30px}footer>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:10px}dialog{padding:35px 24px}dialog h2{font-size:30px}dialog .button{margin-bottom:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
