:root{--navy:#101936;--muted:#66708f;--blue:#4b5cff;--purple:#7a43ff;--line:#e7ebf5;--soft:#f7f9ff;--dark:#10152f;--shadow:0 22px 60px rgba(45,61,130,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--navy);line-height:1.55;background:#fff}a{text-decoration:none;color:inherit}.container{width:min(1160px,calc(100% - 40px));margin:auto}
header{height:76px;border-bottom:1px solid #eef1f7;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);position:sticky;top:0;z-index:50}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:28px;font-weight:800;letter-spacing:-1.4px}.brand img{width:38px;height:38px}.x{color:var(--purple)}.nav-links{display:flex;gap:30px;font-size:14px;font-weight:650;color:#26304f}.nav-links a:hover{color:var(--blue)}.nav-actions{display:flex;align-items:center;gap:16px;font-size:14px;font-weight:650}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:13px;padding:13px 21px;font-size:14px;font-weight:750;border:1px solid transparent;transition:.2s;cursor:pointer}.btn:hover{transform:translateY(-2px)}.primary{color:#fff;background:linear-gradient(135deg,#4a5cff,#6545ff);box-shadow:0 12px 28px rgba(76,83,255,.25)}.outline{background:#fff;border-color:#dce2ef;color:#34405f}.mobile{display:none}
.hero{padding:82px 0 88px;overflow:hidden;background:radial-gradient(circle at 80% 35%,rgba(99,117,255,.14),transparent 30%),linear-gradient(180deg,#fff,#fbfcff)}.hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:60px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:2.2px;font-size:11px;font-weight:800;color:#5361e9;margin-bottom:16px}.eyebrow:before{content:"";display:inline-block;width:22px;height:2px;margin:0 8px 3px 0;border-radius:10px;background:linear-gradient(90deg,var(--blue),var(--purple))}h1{font-size:clamp(46px,5.2vw,68px);line-height:1.03;letter-spacing:-3.5px;margin:0}.gradient{background:linear-gradient(100deg,#4b63ff,#7342ff);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{max-width:590px;color:var(--muted);font-size:17px;line-height:1.7;margin:22px 0 28px}.buttons{display:flex;gap:13px;flex-wrap:wrap}.trust{display:flex;gap:24px;align-items:center;margin-top:38px;color:#5d6783;font-size:13px;font-weight:650}.trust div{display:flex;gap:8px;align-items:center}.sep{width:1px;height:28px;background:#e1e5ef}
.mock{border:1px solid #29334e;border-radius:14px;background:#0b1122;color:#dce5ff;box-shadow:0 32px 70px rgba(17,25,58,.28);overflow:hidden}.mocktop{height:42px;background:#11192d;border-bottom:1px solid #202b45;padding:0 14px;display:flex;align-items:center;gap:7px}.dot{width:7px;height:7px;border-radius:50%;background:#56627d}.mocktitle{margin-left:8px;font-size:11px;color:#aeb9d7;font-weight:700}.mockbody{display:grid;grid-template-columns:115px 1fr 145px;min-height:365px}.side{padding:15px 9px;background:#0d1426;border-right:1px solid #202b45}.side a{display:flex;gap:9px;padding:9px;border-radius:7px;color:#7d8aaa;font-size:10px;margin-bottom:4px}.side a.active{background:#1a2750;color:#c9d5ff}.work{padding:16px}.prompt,.analysis,.code,.context-card{border:1px solid #253250;background:#101a2e;border-radius:8px}.prompt{padding:11px 13px;font-size:10px}.analysis{padding:12px;margin-top:12px}.analysis b{color:#c4d1f0}.analysis-title{font-size:9px;color:#9faed0;font-weight:800;letter-spacing:1px;text-transform:uppercase;margin-bottom:7px}.analysis p{font-size:9px;line-height:1.55;color:#8290ae;margin:0}.code{margin-top:12px;overflow:hidden;background:#080d19}.codehead{padding:7px 10px;color:#8190af;font-size:8px;border-bottom:1px solid #1d2941}.code pre{margin:0;padding:11px;color:#b8c8ef;font:9px/1.7 "SFMono-Regular",Consolas,monospace;overflow:auto}.context{padding:15px 11px;border-left:1px solid #202b45;background:#0c1324}.context-title{font-size:9px;font-weight:800;color:#d6def4;margin-bottom:10px}.context-card{padding:9px;margin-bottom:8px}.context-card strong{display:block;font-size:8px;color:#bdc9e7}.context-card span{display:block;font-size:7px;color:#7483a3;margin-top:3px}
.strip{border-block:1px solid #eef0f6;padding:31px 0}.stripin{display:flex;justify-content:center;align-items:center;gap:30px}.claude{font:36px Georgia,serif;color:#171717}.star{color:#d9774d;font:39px sans-serif}.striptext{max-width:470px;border-left:1px solid #dce1ea;padding-left:30px;color:#66708a;font-size:13px}
.section{padding:78px 0}.heading{text-align:center;max-width:720px;margin:0 auto 48px}.heading h2{font-size:36px;letter-spacing:-1.7px;line-height:1.15;margin:0}.heading p{color:#727b94;font-size:15px;margin:14px auto 0}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.card{padding:28px;border:1px solid var(--line);border-radius:var(--shadow);border-radius:18px;background:#fff;box-shadow:0 10px 35px rgba(35,50,100,.05)}.icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#edf5ff;color:#3972f5;font-weight:800;margin-bottom:16px}.card:nth-child(2) .icon{background:#f0edff;color:#7047ee}.card:nth-child(3) .icon{background:#e8faf4;color:#16a879}.card h3{font-size:17px;margin:0 0 8px}.card p{font-size:13px;color:#6d7690;line-height:1.65;margin:0}.band{background:var(--soft)}.steps{counter-reset:step}.step{position:relative;padding-left:64px}.step:before{counter-increment:step;content:counter(step);position:absolute;left:0;top:0;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;background:linear-gradient(135deg,#4b5cff,#7a43ff)}
.pagehero{padding:78px 0 65px;background:linear-gradient(180deg,#f8faff,#fff);text-align:center}.pagehero h1{font-size:clamp(42px,5vw,62px);letter-spacing:-3px}.pagehero p{max-width:700px;margin:18px auto 0;color:var(--muted);font-size:17px}
.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.price{padding:30px;border:1px solid var(--line);border-radius:20px}.price.featured{border:2px solid #6570ff;box-shadow:0 20px 55px rgba(76,83,255,.14)}.price h3{margin:0;font-size:20px}.price .amount{font-size:42px;font-weight:800;letter-spacing:-2px;margin:15px 0}.price small{color:#75809b}.price ul{list-style:none;padding:0;margin:22px 0}.price li{padding:8px 0;color:#626d88;font-size:14px}.price li:before{content:"✓";color:#5263f2;font-weight:800;margin-right:9px}
.faq{max-width:800px;margin:auto}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{cursor:pointer;font-weight:750}.faq p{color:var(--muted);font-size:14px;margin:12px 0 0}
.cta{padding:60px 0;background:radial-gradient(circle at 75% 0,rgba(116,67,255,.36),transparent 32%),linear-gradient(120deg,#0e1634,#17204b 58%,#302276);color:#fff}.ctain{display:flex;align-items:center;justify-content:space-between;gap:35px}.ctabrand{display:flex;align-items:center;gap:18px}.ctabrand .brand{color:#fff}.ctabrand .brand img{width:42px;height:42px}.ctadiv{width:1px;height:54px;background:rgba(255,255,255,.25)}.ctacopy strong{display:block;font-size:14px}.ctacopy span{font-size:12px;color:#b9c1dc}
footer{background:#0b1128;color:#8d97b4;padding:24px 0;font-size:12px}.foot{display:flex;justify-content:space-between;gap:20px}
@media(max-width:950px){.nav-links{display:none}.mobile{display:inline-flex}.hero-grid{grid-template-columns:1fr}.grid3,.pricing{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.container{width:calc(100% - 28px)}header,.nav{height:66px}.brand{font-size:24px}.brand img{width:32px;height:32px}.login{display:none}.hero{padding:55px 0 60px}h1{font-size:46px;letter-spacing:-2.5px}.lead{font-size:15px}.trust{flex-wrap:wrap;gap:12px 18px}.sep{display:none}.mockbody{grid-template-columns:78px 1fr}.context{display:none}.side{padding:10px 5px}.side a{font-size:8px;padding:8px 5px}.stripin{align-items:flex-start;flex-direction:column;gap:16px}.striptext{border-left:0;border-top:1px solid #dce1ea;padding:15px 0 0}.grid3,.pricing{grid-template-columns:1fr}.heading h2{font-size:30px}.section{padding:60px 0}.ctain{align-items:flex-start;flex-direction:column}.foot{flex-direction:column}}