:root { --ink:#171526; --muted:#69687a; --paper:#f9f8f4; --lilac:#e4e0ff; --lavender:#8073e7; --purple:#6656cf; --mint:#c4f1d4; --line:rgba(29,26,56,.12); --cream:#fffdf9; --display:'Manrope',sans-serif; --mono:'DM Mono',monospace; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; min-width:320px; font-family:var(--display); background:var(--paper); color:var(--ink); } button,a { font:inherit; } button { cursor:pointer; } a { color:inherit; text-decoration:none; }
.site-shell { overflow:hidden; } .site-header { max-width:1280px; height:82px; padding:0 32px; margin:auto; display:flex; align-items:center; justify-content:space-between; position:relative; z-index:5; } .brand { display:inline-flex; align-items:center; gap:10px; font-size:15px; font-weight:800; letter-spacing:-.05em; } .brand em { font-style:normal; font-weight:500; color:#6f6c84; } .brand-mark,.mini-mark { display:block; width:30px; height:30px; border-radius:9px; object-fit:cover; box-shadow:0 4px 10px rgba(102,86,207,.22); } .nav-links { display:flex; gap:28px; margin-left:110px; font-size:13px; font-weight:700; color:#626073; } .nav-links a:hover { color:var(--purple); } .button { display:inline-flex; align-items:center; justify-content:center; gap:11px; border:0; border-radius:999px; padding:15px 20px; background:var(--purple); color:white; font-size:13px; font-weight:800; box-shadow:0 8px 22px rgba(102,86,207,.22); transition:transform .2s,background .2s,box-shadow .2s; }.button:hover { transform:translateY(-2px); background:#5747bf; box-shadow:0 12px 28px rgba(102,86,207,.3); }.button-small { padding:11px 16px; font-size:12px; box-shadow:none; }
.hero { min-height:625px; max-width:1280px; padding:82px 32px 84px; margin:auto; position:relative; display:grid; grid-template-columns:.84fr 1.16fr; align-items:center; gap:28px; }.hero:before { content:""; position:absolute; width:620px; height:620px; border-radius:50%; background:radial-gradient(circle,rgba(224,218,255,.75),transparent 66%); left:-360px; top:-130px; z-index:-1; }.eyebrow { display:flex; align-items:center; gap:8px; margin:0 0 16px; color:#777388; font:500 10px/1.4 var(--mono); letter-spacing:.11em; text-transform:uppercase; }.pulse { width:8px;height:8px;border-radius:50%;background:#5ec98a; box-shadow:0 0 0 4px rgba(94,201,138,.16); }.hero h1,.section-heading h2,.cta-section h2 { margin:0; letter-spacing:-.075em; font-size:clamp(43px,5vw,68px); line-height:1.03; }.hero h1 span,.section-heading h2 span,.cta-section h2 span { color:var(--purple); }.hero-text { max-width:460px; color:var(--muted); margin:24px 0; font-size:15px; line-height:1.7; }.hero-actions { display:flex; align-items:center; gap:24px; }.text-link { display:inline-flex; gap:8px; font-size:13px; font-weight:800; }.text-link:hover { color:var(--purple); }.microcopy { color:#8c8999; font-size:11px; margin-top:18px; }
.hero-visual { min-height:440px; position:relative; padding:18px 0 25px 17px; }.orb { position:absolute; border-radius:50%; z-index:-1; }.orb-one { width:315px;height:315px;background:var(--mint);right:-80px;top:-35px; }.orb-two { width:150px;height:150px;background:var(--lilac);left:0;bottom:0; }.browser-window { width:min(100%,695px); height:405px; overflow:hidden; display:flex; background:#fff; border:1px solid rgba(36,28,87,.18); border-radius:13px; box-shadow:0 28px 50px rgba(52,39,114,.17), 0 3px 7px rgba(31,27,59,.08); transform:rotate(1.2deg); }.browser-top { position:absolute; height:30px; left:18px;right:0; top:18px; display:flex; align-items:center; gap:5px; padding:0 10px; background:#f4f3f6; border-bottom:1px solid #e8e7eb; border-radius:13px 13px 0 0; }.browser-top span { width:6px;height:6px;border-radius:50%;background:#ccc8d3; }.browser-address { height:15px; max-width:220px; flex:1; margin-left:7px; padding-left:9px; border-radius:4px; background:#e8e7eb; color:#aaa6b1; font:6px/15px var(--mono); }.document { width:57%; padding:62px 33px 20px; background:#fff; }.document-kicker { color:#a19dad; font:8px var(--mono); text-transform:uppercase; letter-spacing:.1em; }.document h2 { font-size:18px; line-height:1.2; letter-spacing:-.05em; margin:12px 0 26px; color:#30303c; }.doc-line { height:6px; background:#e8e7ea; border-radius:4px; width:90%; margin:9px 0; }.doc-line.wide{width:100%}.doc-line.medium{width:74%}.doc-line.short{width:58%}.doc-quote { font-size:8px; line-height:1.65; color:#696675; margin:22px 0;padding:9px 10px;border-left:2px solid #a99df2;background:#f8f7fd; }.grade-panel { position:relative; width:43%; padding:43px 16px 14px; background:#fbfaff; border-left:1px solid #e6e2ef; }.panel-heading { display:flex;align-items:center;gap:7px; }.mini-mark { width:22px;height:22px;border-radius:6px;box-shadow:none; }.panel-heading b { display:block;font-size:10px;letter-spacing:-.04em; }.panel-heading small { display:block;font-size:7px;color:#837e91; }.panel-heading button { margin-left:auto;border:0;background:transparent;color:#958fa1;letter-spacing:1px;font-size:12px; }.panel-status { margin:18px 0 15px;padding:7px 8px;background:#effcf4;border-radius:5px;color:#398a5d;font-size:8px;font-weight:700; }.panel-status span{display:inline-block;width:5px;height:5px;margin-right:5px;background:#56bf7c;border-radius:50%;}.panel-label { color:#898495;font:7px var(--mono);text-transform:uppercase;letter-spacing:.08em; }.score-card { margin:8px 0 10px;padding:10px;display:flex;align-items:center;justify-content:space-between;background:#eeeaff;border-radius:8px; }.score-card small{display:block;font-size:7px;color:#77718e}.score-card strong{font-size:22px;letter-spacing:-.08em}.score-card strong span{font-size:9px;color:#716b80}.score-ring { width:36px;height:36px;padding:3px;border-radius:50%;background:conic-gradient(var(--purple) 90%,#d5cffa 0);display:grid;place-items:center; }.score-ring:before{content:"";position:absolute;width:25px;height:25px;border-radius:50%;background:#eeeaff}.score-ring span{position:relative;font:7px var(--mono);font-weight:700}.feedback-card { margin-top:7px;padding:8px;border:1px solid #ebe8f1;border-radius:6px; }.feedback-head { display:flex;justify-content:space-between;font-size:8px;}.feedback-head strong { color:#488d63; }.feedback-card p { margin:5px 0 0;color:#777282;font-size:7px;line-height:1.5; }.review-button { position:absolute;bottom:14px;left:16px;right:16px;width:calc(100% - 32px);border:0;border-radius:5px;padding:9px;background:#27253b;color:#fff;font-size:7px;font-weight:700;text-align:left; }.review-button span{float:right}.floating-note { position:absolute;z-index:2;display:flex;align-items:center;gap:8px;padding:9px 12px;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border:1px solid rgba(50,40,100,.1);border-radius:8px;box-shadow:0 10px 24px rgba(45,36,96,.14); }.floating-note b,.floating-note small { display:block; }.floating-note b{font-size:9px}.floating-note small{margin-top:2px;color:#7e798b;font-size:7px}.note-one{left:-15px;bottom:4px}.note-two{right:-5px;top:13px}.check,.spark { width:20px;height:20px;display:grid;place-items:center;border-radius:6px;background:#e4f8eb;color:#35a866;font-size:12px;font-weight:800}.spark{background:#eeeaff;color:var(--purple);}
.trust-strip { max-width:1216px;padding:21px 0;margin:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#737082; }.trust-strip p { margin:0;font:500 9px var(--mono);letter-spacing:.1em; }.trust-strip div { display:flex;gap:28px; }.trust-strip span{font-size:11px;font-weight:700}.trust-strip span:before{content:'✦';color:var(--purple);margin-right:7px;}
.section { max-width:1216px;margin:auto;padding:122px 0; }.section-heading { margin-bottom:48px; }.section-heading h2{font-size:46px;}.feature-grid { display:grid;grid-template-columns:1.05fr 1fr 1.05fr;gap:15px; }.feature-card { min-height:380px;padding:26px;display:flex;flex-direction:column;background:var(--cream);border:1px solid var(--line);border-radius:12px; }.card-number { margin:0 0 28px;color:#9d9aaa;font:10px var(--mono);}.feature-icon{width:37px;height:37px;display:grid;place-items:center;margin-bottom:18px;border-radius:10px;color:#4d3ab8;font-weight:800;background:#e6e1ff}.icon-spark{background:#8c7ce9;color:#fff}.icon-check{background:#ddf7e6;color:#2fa75f}.feature-card h3{margin:0;font-size:19px;letter-spacing:-.05em}.feature-card>p:not(.card-number){margin:10px 0;color:#777485;font-size:12px;line-height:1.65}.feature-dark{color:white;background:#29253e;border-color:#29253e}.feature-dark>p:not(.card-number){color:#bbb6cb}.feature-dark .card-number{color:#8f89a5}.rubric-preview{margin-top:auto;padding:13px;border-radius:7px;background:#f2f0fb}.rubric-preview div{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #e3dff2;font-size:10px}.rubric-preview div:last-child{border:0}.rubric-preview b{color:#4e42b1}.feature-dark blockquote{margin:auto 0 0;padding:14px;border-left:2px solid #aea1ff;background:#35304d;color:#d8d2f6;font-size:11px;line-height:1.6}.control-preview{display:flex;align-items:center;gap:8px;margin-top:auto;padding:12px;border-radius:7px;background:#effbf3;font-size:10px;font-weight:700}.control-preview i{margin-left:auto;font-style:normal;color:#43aa6b}.avatar{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#e69877;font-size:8px}
.how-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;border-top:1px solid var(--line)}.steps{list-style:none;margin:0;padding:0}.steps li{display:flex;gap:28px;padding:21px 0;border-bottom:1px solid var(--line)}.steps li>span{color:#8274df;font:12px var(--mono)}.steps h3{margin:0;font-size:16px;letter-spacing:-.04em}.steps p{margin:7px 0 0;color:#777485;font-size:12px;line-height:1.6}.cta-section{position:relative;overflow:hidden;max-width:1280px;margin:0 auto 0;padding:104px 32px;text-align:center;color:#fff;background:#2b2647;border-radius:22px}.cta-section:before{content:"";position:absolute;inset:0;opacity:.22;background:radial-gradient(circle at 50% 110%,#8e7bff 0 5%,transparent 27%),radial-gradient(circle at -2% 5%,#84d5aa 0 1%,transparent 30%),radial-gradient(circle at 100% 20%,#7a69dd 0 1%,transparent 27%)}.cta-section>*{position:relative}.cta-section .eyebrow{justify-content:center;color:#bdb6d9}.cta-section h2{font-size:52px}.cta-section h2 span{color:#c8c0ff}.cta-section>p:not(.eyebrow){margin:18px auto 27px;color:#c3bdd1;font-size:14px}.button-light{color:#312a53;background:#fff;box-shadow:none}.button-light:hover{background:#f0edff}.cta-section small{display:block;margin-top:17px;color:#aaa2bf;font-size:10px}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:19px 0}summary{display:flex;justify-content:space-between;align-items:center;list-style:none;font-size:14px;font-weight:800;cursor:pointer}summary::-webkit-details-marker{display:none}summary span{font-size:18px;color:var(--purple);font-weight:400;transition:transform .2s}details[open] summary span{transform:rotate(45deg)}details p{max-width:500px;margin:12px 0 0;color:#777485;font-size:12px;line-height:1.65}.site-footer{max-width:1216px;margin:0 auto;padding:26px 0 35px;border-top:1px solid var(--line);display:flex;align-items:center;gap:30px;color:#868391}.site-footer p{margin:0;font-size:11px}.site-footer>span{margin-left:auto;font:10px var(--mono)}.footer-link{font-size:11px;font-weight:700;color:#6f6c84}.footer-link:hover{color:var(--purple)}

.legal-section{max-width:720px}.legal-body h3{margin:28px 0 8px;font-size:15px;letter-spacing:-.03em}.legal-body p{margin:0 0 4px;color:#5d5a6c;font-size:13px;line-height:1.75}.legal-body a{color:var(--purple);font-weight:700}.legal-section>.text-link{display:inline-flex;margin-top:36px}
@media (max-width:800px){.site-header{height:70px;padding:0 20px}.nav-links{display:none}.hero{grid-template-columns:1fr;padding:64px 20px 55px}.hero-visual{margin-top:18px;min-height:350px}.browser-window{height:330px}.document{padding:55px 20px 15px}.grade-panel{padding-left:11px;padding-right:11px}.review-button{left:11px;right:11px;width:calc(100% - 22px)}.trust-strip{margin:0 20px;padding:18px 0;display:block}.trust-strip div{margin-top:13px;gap:12px;flex-wrap:wrap}.section{padding:80px 20px}.feature-grid,.how-section,.faq-section{grid-template-columns:1fr;gap:32px}.section-heading{margin-bottom:32px}.section-heading h2{font-size:38px}.feature-card{min-height:310px}.cta-section{border-radius:0;padding:80px 20px}.cta-section h2{font-size:43px}.site-footer{margin:0 20px;flex-wrap:wrap;gap:12px}.site-footer>span{margin-left:0;width:100%}.note-two{right:-9px}.note-one{left:-8px}.floating-note{padding:7px 8px}.floating-note small{display:none}}
@media (max-width:430px){.site-header .button-small{padding:9px 12px}.hero h1{font-size:45px}.hero-actions{align-items:flex-start;flex-direction:column;gap:17px}.hero-visual{padding-left:4px}.browser-window{height:300px}.document h2{font-size:14px}.score-card{padding:7px}.feedback-card{padding:6px}.grade-panel{padding-top:38px}.trust-strip span{font-size:10px}.cta-section h2{font-size:38px}}