:root{--ink:#151a2b;--muted:#687180;--teal:#0b9da3;--cyan:#22d3ee;--soft:#e8fafa;--line:#dfe8e9;--serif:Georgia,"Times New Roman",serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:"Manrope",sans-serif;letter-spacing:-.045em}em{color:#27b9bd;font-family:var(--serif);font-weight:400}.container{width:min(1160px,calc(100% - 40px));margin:auto}.section{padding:110px 0}header{position:absolute;z-index:10;width:100%;color:#fff}.nav{height:82px;display:flex;align-items:center;gap:28px}.back{color:#969baa;font-size:11px}.brand{display:grid;grid-template-columns:auto auto auto;align-items:center;margin-right:auto;font:700 18px "Manrope"}.brand>span{width:35px;height:35px;margin-right:8px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,#22d3ee,#087f8c)}.brand b{color:#4dd4d7}.brand small{grid-column:2/4;color:#7e8597;font-size:6px;letter-spacing:.14em}.nav nav{display:flex;gap:26px;color:#bfc3cf;font-size:12px}.button{min-height:46px;padding:0 21px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:10px;font-size:12px;font-weight:800;transition:.2s}.button:hover{transform:translateY(-2px)}.outline{border-color:#ffffff30}.primary{color:#fff;background:linear-gradient(135deg,#18bec4,#087f8c);box-shadow:0 13px 30px #0da3a738}.hero{position:relative;min-height:790px;padding:140px 0 70px;overflow:hidden;color:#fff;background:radial-gradient(circle at 80% 25%,#123e50,transparent 38%),linear-gradient(135deg,#151525,#192234)}.glow{position:absolute;width:480px;height:480px;right:-220px;bottom:-180px;border-radius:50%;background:#22d3ee;filter:blur(50px);opacity:.12}.hero-grid{min-height:580px;display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:center}.eyebrow{color:#12a8ae;font-size:10px;font-weight:800;letter-spacing:.15em}.hero .eyebrow,.final .eyebrow{color:#62dadd}.hero h1{margin:18px 0 23px;font-size:clamp(47px,5.4vw,70px);line-height:1.01}.copy>p{max-width:570px;color:#b9c0cb;font-size:17px;line-height:1.7}.actions{margin:30px 0 22px;display:flex;align-items:center;gap:22px}.text-link{font-size:12px;font-weight:700}.trust{display:flex;gap:18px;color:#858d9c;font-size:10px}.report-window{overflow:hidden;border:1px solid #ffffff22;border-radius:16px;background:#101827;box-shadow:0 35px 80px #05081099;transform:perspective(1200px) rotateY(-2deg)}.window-bar{height:39px;padding:0 14px;display:flex;align-items:center;gap:6px;color:#89909e;background:#202a39;font-size:9px}.window-bar i{width:8px;height:8px;border-radius:50%;background:#647081}.window-bar span{margin-left:8px}.window-body{min-height:430px;display:grid;grid-template-columns:58px 1fr 1fr}.window-body aside{padding:16px 8px;display:flex;flex-direction:column;gap:12px;background:#172130}.window-body aside b{padding:7px 3px;color:#778192;background:#202d3f;border-radius:5px;text-align:center;font-size:7px}.window-body aside b:first-child{color:#72e1e3;background:#0d4248}.editor{padding:25px 18px;display:flex;flex-direction:column;gap:12px;color:#7edbd9;border-right:1px solid #283344;font:9px monospace}.editor span:nth-child(even){color:#b4a2e8}.preview{padding:24px;display:grid;place-items:center;background:#e9edf0}.paper{width:100%;height:310px;padding:27px;color:#27303b;background:#fff;box-shadow:0 10px 25px #1e2d3a22}.paper b{font-size:10px}.paper i{height:7px;margin:16px 0;display:block;background:#e7ebed;border-radius:4px}.paper i:nth-of-type(2){width:78%}.paper i:nth-of-type(3){width:56%}.paper strong{margin-top:55px;display:block;color:#0b999f;font-size:20px}.heading{max-width:690px;margin:0 auto 50px;text-align:center}.heading h2{margin:14px 0;font-size:clamp(36px,4vw,52px);line-height:1.07}.heading p{color:var(--muted);line-height:1.7}.flow{background:#f8fbfb}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.steps article{position:relative;padding:30px;border:1px solid var(--line);border-radius:16px;background:#fff}.steps article>b{position:absolute;right:22px;color:#cbd6d7;font-size:10px}.steps article>span{width:48px;height:48px;display:grid;place-items:center;color:#078c92;background:var(--soft);border-radius:13px;font-weight:800}.steps h3{margin:22px 0 8px;font-size:18px}.steps p{margin:0;color:var(--muted);font-size:12px;line-height:1.65}.feature-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:85px;align-items:start}.feature-grid>.heading{position:sticky;top:30px;margin:0;text-align:left}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}.feature-list article{min-height:220px;padding:25px;border:1px solid var(--line);border-radius:15px}.feature-list article>span{width:40px;height:40px;display:grid;place-items:center;color:#078c92;background:var(--soft);border-radius:10px}.feature-list h3{margin:20px 0 8px;font-size:16px}.feature-list p{color:var(--muted);font-size:11px;line-height:1.65}.pricing{background:#f7fafb}.price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.price-grid article{position:relative;min-height:260px;padding:25px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;background:#fff}.price-grid article.featured{border:2px solid var(--teal);box-shadow:0 20px 45px #0b8c9020}.price-grid article>small{position:absolute;top:-13px;right:15px;padding:6px 9px;color:#fff;background:var(--teal);border-radius:20px;font-size:7px;font-weight:800}.price-grid article>b{font-size:16px}.price-grid article>strong{margin:25px 0 10px;font:700 25px "Manrope"}.price-grid article>p{color:var(--muted);font-size:10px;line-height:1.55}.price-grid article>span{margin-top:auto;padding-top:15px;border-top:1px solid var(--line);color:#0b898f;font-size:9px;font-weight:800}.pricing-action{margin-top:28px;display:flex;align-items:center;justify-content:center;gap:20px}.pricing-action small{color:var(--muted)}.final{padding:55px 0}.final-card{padding:75px;text-align:center;color:#fff;background:radial-gradient(circle at 85% 0,#16727a,transparent 40%),linear-gradient(135deg,#171727,#1c3540);border-radius:25px}.final h2{margin:15px 0 28px;font-size:clamp(34px,4vw,50px)}.white{color:#12343a;background:#fff}footer{padding:55px 0 20px;color:#8b919e;background:#151622}.foot{display:flex;align-items:center;gap:30px}.foot img{width:145px;height:75px;object-fit:cover}.foot p{margin:0;font-size:10px}.foot>span{margin-left:auto;font-size:9px}.reveal{opacity:0;transform:translateY(20px);transition:.65s}.reveal.visible{opacity:1;transform:none}.delay{transition-delay:.12s}@media(max-width:900px){.nav nav{display:none}.hero-grid,.feature-grid{grid-template-columns:1fr}.report-window{max-width:720px;margin:auto;transform:none}.feature-grid>.heading{position:static;text-align:center}.price-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.container{width:min(100% - 28px,1160px)}.section{padding:75px 0}.back{display:none}.nav .outline{display:none}.hero{padding-top:110px}.hero h1{font-size:43px}.actions{align-items:stretch;flex-direction:column}.trust{flex-wrap:wrap}.window-body{grid-template-columns:45px 1fr}.preview{display:none}.steps,.feature-list,.price-grid{grid-template-columns:1fr}.pricing-action{align-items:stretch;flex-direction:column}.final-card{padding:50px 22px}.foot{align-items:flex-start;flex-direction:column}.foot>span{margin:0}}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}
.showcase{background:linear-gradient(180deg,#f7fbfb 0%,#eef7f7 100%);overflow:hidden}.showcase .heading{margin-bottom:62px}.showcase-grid{display:grid;gap:28px}.showcase-feature{display:grid;grid-template-columns:1.4fr .6fr;gap:42px;align-items:center;padding:24px;border:1px solid #d6e7e8;border-radius:22px;background:#fff;box-shadow:0 18px 45px #0b687d10}.showcase-feature.reverse{grid-template-columns:.6fr 1.4fr}.showcase-feature.reverse .shot{order:2}.shot{position:relative;overflow:hidden;border:1px solid #cbdcde;border-radius:13px;background:#dfecee;box-shadow:0 12px 25px #123b4518}.shot:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,#fff5,transparent 35%,#0a777d0a)}.shot img{display:block;width:100%;height:auto}.shot-dashboard img{aspect-ratio:1.92;object-fit:cover;object-position:top}.shot-studio img{aspect-ratio:1.92;object-fit:cover;object-position:top}.shot-copy{padding:12px 20px}.shot-index{color:#0b969c;font-size:9px;font-weight:800;letter-spacing:.14em}.shot-copy h3{margin:12px 0 10px;font-size:27px;line-height:1.1}.shot-copy p{margin:0;color:#687180;font-size:12px;line-height:1.7}.showcase-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px}.mini-showcase{padding:20px;border:1px solid #d6e7e8;border-radius:20px;background:#fff;box-shadow:0 14px 35px #0b687d0b}.mini-showcase .shot{margin-bottom:18px}.mini-showcase .shot img{display:block;width:100%;aspect-ratio:1.72;object-fit:cover;object-position:top}.mini-showcase h3{margin:9px 0 0;font-size:18px}.docs-shot{grid-template-columns:1.25fr .75fr}.docs-shot .shot img{aspect-ratio:1.92;object-fit:cover;object-position:top}.showcase + .pricing{border-top:1px solid #dcebec}
@media(max-width:900px){.showcase-feature,.showcase-feature.reverse,.docs-shot{grid-template-columns:1fr;gap:18px}.showcase-feature.reverse .shot{order:0}.shot-copy{padding:4px 5px 10px}.shot-copy h3{font-size:23px}.showcase-pair{gap:16px}}
@media(max-width:600px){.showcase-pair{grid-template-columns:1fr}.showcase-feature,.mini-showcase{padding:12px;border-radius:15px}.showcase .heading{margin-bottom:35px}.shot-copy h3{font-size:21px}}

.showcase .shot, .showcase .shot img, .shot[role="button"]{cursor:zoom-in}.shot[role="button"]:focus-visible{outline:3px solid #22b8be;outline-offset:3px}.lightbox{position:fixed;z-index:100;inset:0;padding:40px;display:grid;place-items:center;background:#07131acc;opacity:0;visibility:hidden;transition:.22s ease}.lightbox.open{opacity:1;visibility:visible}.lightbox img{max-width:min(1400px,94vw);max-height:88vh;width:auto;height:auto;border:1px solid #ffffff42;border-radius:10px;box-shadow:0 30px 90px #0008;transform:scale(.96);transition:.22s ease}.lightbox.open img{transform:scale(1)}.lightbox-close{position:absolute;top:20px;right:28px;width:42px;height:42px;color:#fff;background:#ffffff18;border:1px solid #ffffff35;border-radius:50%;font-size:28px;line-height:1;cursor:pointer}.lightbox-close:hover{background:#ffffff32}.lightbox span{position:absolute;bottom:17px;max-width:90%;color:#d6f5f5;font-size:11px;text-align:center}.lightbox-open{overflow:hidden}@media(max-width:600px){.lightbox{padding:18px}.lightbox-close{top:12px;right:12px}}

.hero-studio-shot{height:430px;display:block;overflow:hidden;background:#eef3f5}.hero-studio-shot img{display:block;width:200%;max-width:none;height:auto;min-height:100%;object-fit:cover;object-position:top right;transform:translateX(-50%)}
@media(max-width:600px){.hero-studio-shot{height:330px}.hero-studio-shot img{width:auto;height:100%;max-width:none;transform:translateX(-42%)}}
