
:root{--bg:#f5f4f0;--paper:#fff;--ink:#0a0b0f;--muted:#70737c;--sub:#555963;--line:rgba(10,11,15,.11);--violet:#6d4cff;--violet-dark:#5335e8;--lav:#eeeaff;--dark:#0a0b0e;--dark2:#12141a;--green:#24b47a;--red:#ef566c;--max:1240px;--radius:28px;--ease:cubic-bezier(.16,1,.3,1);}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,system-ui,-apple-system,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}::selection{background:var(--violet);color:#fff}.wrap{width:min(var(--max),calc(100% - 40px));margin-inline:auto}.mono{font:600 10px/1 "DM Mono",monospace;letter-spacing:.18em;text-transform:uppercase;color:#858893}.kicker{margin-bottom:15px}.topline{height:3px;position:fixed;inset:0 0 auto;background:rgba(109,76,255,.10);z-index:5000}.topline i{display:block;height:100%;width:0;background:linear-gradient(90deg,#6d4cff,#a997ff)}
.nav{position:fixed;top:16px;left:50%;transform:translateX(-50%);width:min(1190px,calc(100% - 24px));padding:8px 10px 8px 18px;background:rgba(255,255,255,.86);border:1px solid rgba(10,11,15,.09);border-radius:999px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 18px 55px rgba(12,13,18,.09);display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:3000}.brand{display:flex;align-items:center;min-width:150px}.brand img{height:40px;width:auto;max-width:168px;object-fit:contain}.navlinks{display:flex;align-items:center;gap:3px}.navlinks a{padding:11px 13px;border-radius:999px;font-size:12px;font-weight:850;transition:.3s var(--ease)}.navlinks a:hover{background:#fff;transform:translateY(-1px)}.navlinks .account{border:1px solid var(--line)}.navlinks .cta{background:var(--ink);color:#fff}.nav-toggle{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:#fff;position:relative;flex:none}.nav-toggle i,.nav-toggle i:before,.nav-toggle i:after{content:"";position:absolute;left:13px;width:18px;height:2px;border-radius:20px;background:var(--ink)}.nav-toggle i{top:21px}.nav-toggle i:before{left:0;top:-6px}.nav-toggle i:after{left:0;top:6px}.mobile-menu{display:none;position:fixed;top:76px;left:8px;right:8px;z-index:2900;background:rgba(255,255,255,.98);border:1px solid rgba(10,11,15,.10);border-radius:24px;box-shadow:0 24px 70px rgba(8,10,15,.18);padding:10px}.mobile-menu.open{display:grid}.mobile-menu a{display:flex;align-items:center;min-height:52px;padding:0 16px;border-radius:16px;font-size:15px;font-weight:850}.mobile-menu a:hover{background:var(--lav)}.mobile-menu a:last-child{background:var(--ink);color:#fff;margin-top:4px}.menu-backdrop{display:none}.menu-backdrop.open{display:block;position:fixed;inset:0;z-index:2800;background:rgba(5,6,9,.12)}
.page-hero{padding:174px 0 86px;position:relative;overflow:hidden}.page-hero:before{content:"";position:absolute;width:620px;height:620px;right:-160px;top:70px;border-radius:50%;background:radial-gradient(circle,rgba(109,76,255,.18),transparent 68%);pointer-events:none}.page-hero h1{font:850 clamp(58px,8vw,108px)/.88 "Space Grotesk",sans-serif;letter-spacing:-.09em;max-width:1000px;margin:16px 0 18px}.page-hero h1 em,.section-title em,.display em{font-style:normal;color:var(--violet)}.page-hero p{font-size:18px;color:var(--sub);max-width:720px;margin:0}.hero-rail{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.pill{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.72);font:600 10px/1 "DM Mono";letter-spacing:.03em}.pill i{width:6px;height:6px;background:var(--violet);border-radius:50%}
.btn{min-height:50px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:12px;font-weight:900;transition:.35s var(--ease);position:relative}.btn:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(10,11,15,.10)}.btn.primary{background:var(--ink);border-color:var(--ink);color:#fff}.btn.violet{background:var(--violet);border-color:var(--violet);color:#fff}.btn.large{min-height:56px;padding-inline:22px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
section{padding:126px 0}.section-top,.intro-row{display:flex;align-items:end;justify-content:space-between;gap:35px}.section-title{font:850 clamp(50px,6.4vw,94px)/.88 "Space Grotesk";letter-spacing:-.085em;margin:0;max-width:910px}.section-copy{max-width:500px;color:#646871;font-size:14px}.dark{background:var(--dark);color:#fff}.dark .section-copy{color:#aeb1b8}.dark .mono{color:#8d919b}
.hero-home{min-height:100svh;padding:156px 0 58px;display:grid;align-items:end;position:relative;overflow:hidden}.hero-home:before{content:"";position:absolute;left:-180px;bottom:-300px;width:720px;height:720px;border-radius:50%;background:radial-gradient(circle,rgba(109,76,255,.13),transparent 67%)}.hero-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:62px;align-items:end;position:relative;z-index:1}.hero-home h1{font:850 clamp(66px,8.8vw,128px)/.82 "Space Grotesk";letter-spacing:-.1em;max-width:800px;margin:18px 0 22px}.hero-lead{max-width:650px;color:#5d616a;font-size:18px}.hero-meta{display:flex;align-items:center;gap:12px;margin-top:28px}.hero-meta i{width:44px;height:1px;background:var(--violet)}.hero-visual{min-height:610px;position:relative}.portrait{position:absolute;inset:0 24px 0 48px;border-radius:42px;overflow:hidden;background:#d8d2cf;box-shadow:0 28px 90px rgba(12,13,18,.14)}.portrait img{width:100%;height:100%;object-fit:cover;object-position:center 30%}.portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 54%,rgba(7,8,10,.22))}.hero-card{position:absolute;left:0;bottom:30px;width:270px;padding:19px;border-radius:22px;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.8);box-shadow:0 22px 70px rgba(10,11,16,.15)}.hero-card b{font:850 42px/.9 "Space Grotesk";letter-spacing:-.07em}.hero-card span{display:block;color:var(--muted);font-size:11px;margin-top:8px}.hero-burst{position:absolute;right:-15px;top:42px;width:168px;height:168px;border-radius:50%;border:1px solid rgba(109,76,255,.40);display:grid;place-items:center;transform:rotate(-12deg)}.hero-burst:after{content:"Naza Ortiz";font:700 9px/1 "DM Mono";letter-spacing:.16em;text-transform:uppercase;color:var(--violet);transform:rotate(12deg)}
.marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.marquee-track{display:flex;width:max-content;animation:marq 13s linear infinite}.marquee-group{display:flex;flex:none}.marquee-item{display:flex;align-items:center;gap:18px;white-space:nowrap;padding:18px 27px}.marquee-item span{font:850 12px/1 "Space Grotesk";letter-spacing:.17em;text-transform:uppercase}.marquee-item b{width:6px;height:6px;background:var(--violet);border-radius:50%}@keyframes marq{to{transform:translateX(-50%)}}
.service-list{margin-top:52px;border-top:1px solid var(--line)}.service-item{display:grid;grid-template-columns:52px 1fr auto 34px;gap:16px;align-items:center;padding:25px 0;border-bottom:1px solid var(--line);transition:.35s var(--ease);cursor:pointer}.service-item:hover{padding-inline:14px;background:#fff;border-radius:18px}.service-item h3{margin:0;font:850 clamp(30px,4vw,55px)/.95 "Space Grotesk";letter-spacing:-.055em}.service-item p{margin:7px 0 0;color:#777b84;font-size:12px}.service-num{font:600 10px/1 "DM Mono";color:#8c9098}.service-tag{font:600 10px/1 "DM Mono";letter-spacing:.11em;color:#8c9098}.service-plus{width:30px;height:30px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;transition:.3s var(--ease)}.service-item.open .service-plus{transform:rotate(45deg);background:var(--violet);border-color:var(--violet);color:#fff}.service-detail{grid-column:2/4;max-height:0;overflow:hidden;transition:max-height .5s var(--ease)}.service-item.open .service-detail{max-height:180px;padding-top:4px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px}.chip{padding:8px 10px;border:1px solid var(--line);border-radius:999px;font-size:10px;color:#777b83}
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:52px}.process-card{padding:26px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.035);border-radius:22px;min-height:220px;transition:.35s var(--ease)}.process-card:hover{transform:translateY(-5px);background:rgba(255,255,255,.06)}.process-card b{font:650 11px/1 "DM Mono";color:#9a9da5}.process-card h3{font:800 27px/1 "Space Grotesk";letter-spacing:-.05em;margin:26px 0 10px}.process-card p{color:#aeb1b8;font-size:12px;margin:0}
.projects-grid{margin-top:54px;display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.project-card{position:relative;overflow:hidden;border-radius:28px;min-height:390px;background:#e7e5df;grid-column:span 7;box-shadow:0 24px 80px rgba(12,13,17,.12);transition:.5s var(--ease)}.project-card:nth-child(2){grid-column:span 5;min-height:390px}.project-card:nth-child(3){grid-column:span 5;min-height:340px}.project-card:nth-child(4){grid-column:span 7;min-height:340px}.project-card:hover{transform:translateY(-6px)}.project-bg{position:absolute;inset:0}.project-bg img{width:100%;height:100%;object-fit:cover}.project-faux{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(145deg,#edece7,#dad8d1)}.screen{width:68%;aspect-ratio:16/10;border-radius:24px;background:#fff;box-shadow:0 25px 55px rgba(0,0,0,.11);padding:20px;position:relative}.screen small{font:700 8px/1 "DM Mono";letter-spacing:.16em;color:#777}.screen h4{font:850 36px/.9 "Space Grotesk";letter-spacing:-.07em;margin:18px 0}.screen h4 em{color:var(--violet);font-style:normal}.screen .line{height:2px;background:#111;width:65%;opacity:.12}.screen .tile{position:absolute;right:18px;bottom:18px;width:60px;height:60px;border-radius:15px;background:var(--lav)}.project-overlay{position:absolute;inset:auto 0 0;padding:24px;display:flex;align-items:end;justify-content:space-between;background:linear-gradient(180deg,transparent,rgba(0,0,0,.62));color:#fff}.project-overlay span:first-child{display:block;font:600 10px/1 "DM Mono";letter-spacing:.1em;text-transform:uppercase;opacity:.75}.project-overlay strong{display:block;font:800 25px/1 "Space Grotesk";letter-spacing:-.04em;margin-top:7px}.circle-btn{width:44px;height:44px;border:1px solid rgba(255,255,255,.35);border-radius:50%;display:grid;place-items:center;font-size:17px}
.products-band{position:relative}.products-intro-note{max-width:420px;color:#646871;font-size:14px}.products-pricing-grid,.product-plans{margin-top:48px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.plan-card{padding:26px;border:1px solid var(--line);background:#fff;border-radius:26px;display:flex;flex-direction:column;justify-content:space-between;min-height:430px;transition:.4s var(--ease);position:relative;overflow:hidden}.plan-card:hover{transform:translateY(-6px);box-shadow:0 24px 65px rgba(10,11,15,.10)}.plan-card.featured{background:var(--ink);color:#fff;border-color:var(--ink)}.plan-card.pack{background:linear-gradient(145deg,#eeeaff,#fff)}.plan-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.plan-kicker{font:600 9px/1 "DM Mono";letter-spacing:.13em;text-transform:uppercase;color:#777a83}.featured .plan-kicker{color:#a4a6af}.plan-badge{font:600 9px/1 "DM Mono";letter-spacing:.08em;padding:7px 9px;border-radius:999px;background:var(--lav);color:var(--violet-dark)}.featured .plan-badge{background:rgba(255,255,255,.10);color:#ddd8ff}.plan-icon{font:600 34px/1 "Space Grotesk";color:var(--violet);margin:35px 0 17px}.plan-card h3{font:850 33px/.94 "Space Grotesk";letter-spacing:-.065em;margin:0;max-width:420px}.plan-card p{font-size:13px;color:#6a6e76;max-width:440px;margin:14px 0 0}.featured p{color:#b3b6bf}.price-row{display:flex;flex-direction:column;gap:4px;margin-top:25px}.price{font:850 37px/.9 "Space Grotesk";letter-spacing:-.07em}.price-sub{font:600 10px/1 "DM Mono";color:#8b8e97}.featured .price-sub{color:#989ba4}.features{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.features span{padding:7px 9px;border:1px solid var(--line);border-radius:999px;font-size:9px;color:#777b83}.featured .features span{border-color:#333640;color:#c5c8cf}.plan-bottom{margin-top:30px;display:flex;align-items:center;justify-content:space-between;gap:15px}.plan-bottom small{max-width:180px;color:#7c8088;font-size:10px}.featured .plan-bottom small{color:#a7aab2}.pack-banner{margin-top:13px;border:1px solid var(--line);border-radius:24px;padding:23px 25px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(110deg,#f0edff,#fff)}.pack-banner strong{font:850 28px/1 "Space Grotesk";letter-spacing:-.06em}.pack-banner p{margin:6px 0 0;color:#6b6f77;font-size:12px}.pack-state{font:600 9px/1 "DM Mono";letter-spacing:.1em;color:var(--violet);text-transform:uppercase}
.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:78px;align-items:center}.about-photo{aspect-ratio:4/5;border-radius:34px;overflow:hidden;background:#d8d1ce;box-shadow:0 30px 85px rgba(12,13,18,.12)}.about-photo img{width:100%;height:100%;object-fit:cover}.about-copy h2{font:850 clamp(48px,6vw,82px)/.9 "Space Grotesk";letter-spacing:-.085em;margin:0}.about-copy p{max-width:680px;color:#62666f;font-size:15px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:33px}.stat{border-top:1px solid var(--line);padding-top:14px}.stat b{font:850 34px/1 "Space Grotesk";letter-spacing:-.06em}.stat span{display:block;color:#7a7e86;font-size:10px;margin-top:5px}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:40px}.value b{font:800 16px/1 "Space Grotesk"}.value p{font-size:11px;margin-top:7px}
.cta-box{border-radius:32px;background:var(--violet);color:#fff;padding:52px 54px;display:flex;align-items:end;justify-content:space-between;gap:25px;box-shadow:0 28px 80px rgba(109,76,255,.22)}.cta-box h2{font:850 clamp(44px,5.4vw,75px)/.9 "Space Grotesk";letter-spacing:-.08em;margin:0}.cta-box p{margin:12px 0 0;max-width:560px;color:#e3dcff;font-size:13px}.cta-box .btn{background:#fff;border-color:#fff}.footer{background:#0a0b0e;color:#fff;padding:74px 0 28px}.footer-grid{display:grid;grid-template-columns:1.5fr .7fr .7fr;gap:50px;padding-bottom:52px}.footer-logo{width:142px;height:auto}.footer-copy{max-width:450px;color:#9ea1aa;font-size:12px;line-height:1.7;margin-top:18px}.footer h4{font:800 12px/1 "Space Grotesk";margin:4px 0 16px}.footer a{display:block;color:#c8cad0;font-size:11px;margin-top:11px}.footer a:hover{color:#fff}.footer-bottom{border-top:1px solid #292c33;padding-top:21px;display:flex;justify-content:space-between;gap:20px;color:#7f838d;font:600 9px/1 "DM Mono";letter-spacing:.08em;text-transform:uppercase}.cookie{position:fixed;z-index:4900;left:18px;bottom:18px;max-width:560px;padding:14px 14px 14px 17px;display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:17px;box-shadow:0 20px 60px rgba(10,11,15,.14);backdrop-filter:blur(14px)}.cookie p{margin:0;color:#6f737c;font-size:10px;line-height:1.45}.cookie button{flex:none;border-radius:999px;padding:9px 12px;background:var(--ink);color:#fff;font-size:10px;font-weight:850}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,18px);background:var(--ink);color:#fff;padding:13px 18px;border-radius:999px;opacity:0;pointer-events:none;transition:.3s var(--ease);z-index:5001;font-size:11px}.toast.show{opacity:1;transform:translate(-50%,0)}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal.is-in{opacity:1;transform:none}
.detail-shell{padding:30px 0 126px}.detail-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:14px}.panel{background:#fff;border:1px solid var(--line);border-radius:26px;padding:28px;box-shadow:0 16px 50px rgba(10,11,15,.05)}.panel h2{font:850 38px/.94 "Space Grotesk";letter-spacing:-.065em;margin:9px 0 16px}.panel .section-copy{font-size:13px}.field{margin-top:16px}.field label{display:block;font:700 10px/1 "DM Mono";letter-spacing:.08em;text-transform:uppercase;color:#777b84;margin-bottom:8px}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);background:#fbfbfa;border-radius:13px;padding:12px 13px;color:var(--ink);outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:rgba(109,76,255,.55);box-shadow:0 0 0 4px rgba(109,76,255,.08);background:#fff}.row2,.row3{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.row3{grid-template-columns:repeat(3,1fr)}.divider{height:1px;background:var(--line);margin:24px 0}.list{margin-top:24px;border-top:1px solid var(--line)}.list-item{padding:16px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px}.title{font-weight:850;font-size:13px}.muted{color:#777b84;font-size:11px;margin-top:5px}.status{padding:7px 9px;border-radius:999px;font:600 9px/1 "DM Mono";background:#f1f1ef;color:#777}.status.good{background:#e9fbf3;color:#18875b}.status.wait{background:#fff5dc;color:#9d6c07}.status.bad{background:#ffecef;color:#b53549}.tag{display:inline-flex;gap:7px;align-items:center;font:600 9px/1 "DM Mono";letter-spacing:.1em;text-transform:uppercase;color:#6f737c}.tag i{width:7px;height:7px;border-radius:50%;background:var(--violet)}.notice{margin-top:14px;padding:12px 13px;border-radius:13px;background:#f3f3f0;color:#666b73;font-size:11px}.success-text{background:#edf9f3;color:#17794f}.error-text{background:#fff0f2;color:#ae3448}
.product-hero{padding-bottom:70px}.product-shell{padding:0 0 126px}.product-head-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:14px;align-items:stretch}.product-copy-panel{min-height:570px;display:flex;flex-direction:column;justify-content:space-between}.product-price{font:850 clamp(58px,7vw,92px)/.86 "Space Grotesk";letter-spacing:-.085em;margin:25px 0 0}.product-features{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:26px}.product-feature{padding:14px;border:1px solid var(--line);border-radius:15px;background:#fbfbfa;display:flex;gap:10px}.product-feature i{font-style:normal;color:var(--violet);font-weight:900}.product-feature strong{display:block;font-size:11px}.product-feature span{display:block;margin-top:4px;color:#777b84;font-size:10px}.activation-panel{display:flex;flex-direction:column;justify-content:space-between;background:#111319;color:#fff;border-color:#111319}.activation-panel .mono{color:#90949f}.activation-panel h2{font-size:44px}.activation-note{color:#a8abb4;font-size:12px}.owned-icon{width:58px;height:58px;border-radius:50%;background:rgba(109,76,255,.18);color:#c7bfff;display:grid;place-items:center;font-size:26px;margin:25px 0 15px}.owned-title{font:850 30px/.95 "Space Grotesk";letter-spacing:-.06em}.owned-copy{color:#a7aab3;font-size:12px;max-width:430px}.buy-note{color:#858892;font-size:10px;margin-top:13px}.modal{display:none;position:fixed;inset:0;z-index:4500;background:rgba(7,8,11,.55);backdrop-filter:blur(9px);align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal-card{width:min(100%,540px);background:#fff;border-radius:25px;padding:26px;box-shadow:0 30px 100px rgba(0,0,0,.22)}.modal-top{display:flex;justify-content:space-between;gap:20px;align-items:start}.close{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:#fff;font-size:22px;line-height:1}.product-proof{margin-top:14px;padding:16px;border-radius:17px;background:#f8f8f6;border:1px solid var(--line);display:grid;gap:9px}.proof-row{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px}.proof-row span{color:#777b84}.proof-row strong{font-size:11px}
.portfolio-shell{padding-top:20px}.portfolio-toolbar{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.portfolio-empty{padding:70px 20px;text-align:center;border:1px dashed var(--line);border-radius:25px;color:#767a83}.case-card{border-radius:28px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:0 16px 50px rgba(10,11,15,.05);transition:.45s var(--ease)}.case-card:hover{transform:translateY(-5px);box-shadow:0 25px 75px rgba(10,11,15,.11)}.case-media{aspect-ratio:16/10;background:#e9e7e1;overflow:hidden}.case-media img{width:100%;height:100%;object-fit:cover;transition:.7s var(--ease)}.case-card:hover .case-media img{transform:scale(1.035)}.case-info{padding:20px 20px 22px;display:flex;justify-content:space-between;gap:20px}.case-meta{font:600 9px/1 "DM Mono";letter-spacing:.12em;color:#8a8e97;text-transform:uppercase}.case-info h3{font:850 30px/.94 "Space Grotesk";letter-spacing:-.06em;margin:8px 0 0}.case-info p{font-size:11px;color:#70747d;margin:7px 0 0}.case-arrow{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;flex:none}
.auth-shell{padding:160px 0 130px}.auth-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:14px;align-items:stretch}.auth-intro{background:var(--ink);color:#fff;border-radius:28px;padding:38px;display:flex;flex-direction:column;justify-content:space-between;min-height:640px}.auth-intro h1{font:850 clamp(50px,5.6vw,78px)/.88 "Space Grotesk";letter-spacing:-.085em;margin:14px 0}.auth-intro p{color:#aaadb6;font-size:13px;max-width:420px}.auth-highlights{display:grid;gap:10px}.auth-highlight{padding:14px 0;border-top:1px solid #292c34;color:#d5d7dc;font-size:11px}.auth-highlight b{display:block;color:#fff;margin-bottom:4px}.auth-form-panel{background:#fff;border:1px solid var(--line);border-radius:28px;padding:30px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;background:#f1f1ee;border-radius:13px;padding:4px;margin-bottom:25px}.auth-tabs button{border:0;background:transparent;border-radius:10px;padding:11px;font-size:11px;font-weight:850}.auth-tabs button.active{background:#fff;box-shadow:0 5px 18px rgba(10,11,15,.07)}.account-shell{padding:152px 0 120px}.account-grid{display:grid;grid-template-columns:270px 1fr;gap:14px}.account-side{background:var(--ink);color:#fff;border-radius:26px;padding:24px;min-height:680px;position:sticky;top:110px;align-self:start}.account-side .muted{color:#9599a3}.account-side nav{display:grid;gap:5px;margin-top:27px}.account-side nav button{border:0;background:transparent;color:#aeb1b9;text-align:left;padding:11px 12px;border-radius:12px;font-size:11px;font-weight:800}.account-side nav button.active,.account-side nav button:hover{background:#191b22;color:#fff}.account-main{background:#fff;border:1px solid var(--line);border-radius:26px;padding:30px;min-height:680px}.account-main h1,.account-main h2{font:850 44px/.9 "Space Grotesk";letter-spacing:-.07em;margin:9px 0 0}.account-main .panel{box-shadow:none;background:#fbfbfa}
@media(max-width:980px){.navlinks{display:none}.nav-toggle{display:block}.brand{min-width:0}.hero-grid,.product-head-grid,.detail-grid,.auth-layout,.about-grid{grid-template-columns:1fr}.hero-home{padding-top:140px}.hero-visual{min-height:500px}.portrait{inset:0 20px 0 0}.hero-card{left:12px}.hero-burst{right:0}.process{grid-template-columns:repeat(2,1fr)}.products-pricing-grid,.product-plans{grid-template-columns:1fr 1fr}.projects-grid .project-card,.project-card:nth-child(n){grid-column:span 6}.about-grid{gap:35px}.account-grid{grid-template-columns:1fr}.account-side{position:static;min-height:unset}.footer-grid{grid-template-columns:1fr 1fr}.page-hero{padding-top:146px}}
@media(max-width:680px){.wrap{width:min(var(--max),calc(100% - 28px))}.nav{top:10px;width:calc(100% - 14px);padding-left:14px}.brand img{height:36px}.hero-home{padding:126px 0 34px}.hero-home h1{font-size:58px}.hero-lead,.page-hero p{font-size:15px}.hero-visual{min-height:420px;margin-top:10px}.portrait{border-radius:30px}.hero-card{width:210px}.hero-card b{font-size:35px}.hero-burst{width:120px;height:120px}.section-top,.intro-row,.portfolio-toolbar,.cta-box{display:flex;flex-direction:column;align-items:flex-start}.section-top,.intro-row{gap:15px}.section-title{font-size:49px}.process{grid-template-columns:1fr}.projects-grid{display:grid;grid-template-columns:1fr}.projects-grid .project-card,.project-card:nth-child(n){grid-column:1;min-height:310px}.products-pricing-grid,.product-plans{grid-template-columns:1fr}.pack-banner{flex-direction:column;align-items:flex-start}.cta-box{padding:36px 28px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.row2,.row3{grid-template-columns:1fr}.product-features{grid-template-columns:1fr}.product-copy-panel{min-height:auto}.auth-intro{min-height:auto}.account-main{padding:22px}.account-main h1,.account-main h2{font-size:37px}.cookie{left:10px;right:10px;bottom:10px;max-width:none}.cookie p{font-size:9px}.page-hero{padding:135px 0 60px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee-track,.hero-burst{animation:none!important}.reveal{opacity:1;transform:none;transition:none}}

.portfolio-project{display:block;position:relative;overflow:hidden;border-radius:28px;background:#fff;border:1px solid var(--line);box-shadow:0 16px 50px rgba(10,11,15,.05);grid-column:span 7;min-height:430px;transition:.45s var(--ease);color:var(--ink)}
.portfolio-project:nth-child(even){grid-column:span 5;min-height:430px}
.portfolio-project>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.7s var(--ease)}
.portfolio-project:hover>img{transform:scale(1.035)}
.portfolio-project-meta{position:absolute;left:0;right:0;bottom:0;padding:24px;display:flex;align-items:end;justify-content:space-between;gap:20px;color:#fff;background:linear-gradient(180deg,transparent,rgba(0,0,0,.72))}
.portfolio-project-meta .kicker{font:600 9px/1 "DM Mono";letter-spacing:.12em;text-transform:uppercase;opacity:.78;margin:0 0 7px}
.portfolio-project-meta h3{font:850 30px/.94 "Space Grotesk";letter-spacing:-.06em;margin:0}
.portfolio-project-meta p{font-size:11px;color:rgba(255,255,255,.77);margin:7px 0 0;max-width:470px}
@media(max-width:680px){.portfolio-project,.portfolio-project:nth-child(even){grid-column:1;min-height:320px}}
.navlinks a.active{background:#f0edff;color:var(--violet-dark)}.navlinks .cta.active{background:var(--ink);color:#fff}.mobile-menu a.active{background:var(--lav);color:var(--violet-dark)}
