*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--navy:#07090f;--navy2:#0a1220;--navy3:#0f1a2e;--slate:#1a2f4a;--steel:#5b8ab0;--steel2:#7ba3cc;--steel3:#a8c4dc;--ice:#e8edf5;--white:#f4f7fb;--gray:#6a849e;--gray2:#3a5270;--pq-border:#5b8ab01f;--pq-border2:#5b8ab033}html{scroll-behavior:smooth}body{background:var(--navy);color:var(--ice);font-family:var(--font-outfit),"Outfit",sans-serif;font-weight:400;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");position:fixed;inset:0}nav{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--pq-border);background:#07090fd9;justify-content:space-between;align-items:center;height:72px;padding:0 48px;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{align-items:center;gap:12px;text-decoration:none;display:flex}.nav-wordmark{letter-spacing:-.04em;font-size:22px;font-weight:800;line-height:1}.nav-wordmark .pace{color:var(--ice)}.nav-wordmark .iq{color:var(--steel2)}.nav-links{align-items:center;gap:40px;list-style:none;display:flex}.nav-links a{color:var(--gray);letter-spacing:.02em;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--ice)}.nav-cta{border:1px solid var(--pq-border2);text-transform:uppercase;background:0 0;border-radius:2px;padding:10px 24px;color:var(--steel2)!important;letter-spacing:.08em!important;font-size:13px!important;font-weight:600!important;transition:background .2s,border-color .2s!important}.nav-cta:hover{background:var(--pq-border)!important;border-color:var(--steel)!important;color:var(--ice)!important}#hero{align-items:center;min-height:100vh;padding:120px 48px 80px;display:flex;position:relative;overflow:hidden}#hero:before{content:"";background-image:linear-gradient(var(--pq-border)1px,transparent 1px),linear-gradient(90deg,var(--pq-border)1px,transparent 1px);background-size:80px 80px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 60% at 60% 40%,#000 30%,#0000 80%);mask-image:radial-gradient(80% 60% at 60% 40%,#000 30%,#0000 80%)}#hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#5b8ab014 0%,#0000 65%);width:700px;height:700px;position:absolute;top:-200px;right:-100px}.hero-inner{grid-template-columns:1fr 1fr;align-items:center;gap:80px;width:100%;max-width:1200px;margin:0 auto;display:grid;position:relative}.hero-label{letter-spacing:.25em;text-transform:uppercase;color:var(--steel2);opacity:0;align-items:center;gap:8px;margin-bottom:28px;font-size:11px;font-weight:600;animation:.8s .1s forwards fadeUp;display:inline-flex}.hero-label:before{content:"";background:var(--steel2);width:24px;height:1px;display:block}.hero-h1{font-family:var(--font-dm-serif),"DM Serif Display",serif;color:var(--ice);letter-spacing:-.02em;opacity:0;margin-bottom:28px;font-size:clamp(40px,5vw,64px);line-height:1.08;animation:.8s .2s forwards fadeUp}.hero-h1 em{color:var(--steel2);font-style:italic}.hero-sub{color:var(--gray);opacity:0;max-width:480px;margin-bottom:48px;font-size:17px;font-weight:400;line-height:1.7;animation:.8s .3s forwards fadeUp}.hero-actions{opacity:0;align-items:center;gap:20px;animation:.8s .4s forwards fadeUp;display:flex}.btn-primary{background:var(--steel);color:var(--navy);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border:none;border-radius:2px;padding:14px 32px;font-size:13px;font-weight:700;text-decoration:none;transition:background .2s,transform .15s;display:inline-block}.btn-primary:hover{background:var(--steel2);transform:translateY(-1px)}.btn-ghost{color:var(--gray);letter-spacing:.05em;align-items:center;gap:8px;font-size:13px;font-weight:500;text-decoration:none;transition:color .2s;display:flex}.btn-ghost:hover{color:var(--ice)}.btn-ghost:after{content:"→";transition:transform .2s}.btn-ghost:hover:after{transform:translate(4px)}.hero-panel{background:var(--navy2);border:1px solid var(--pq-border);opacity:0;border-radius:4px;padding:40px;animation:.8s .5s forwards fadeUp;position:relative;overflow:hidden}.hero-panel:before{content:"";background:linear-gradient(90deg,transparent,var(--steel),transparent);height:2px;position:absolute;top:0;left:0;right:0}.panel-label{letter-spacing:.25em;text-transform:uppercase;color:var(--gray2);margin-bottom:32px;font-size:10px;font-weight:600}.stat-row{flex-direction:column;gap:28px;display:flex}.stat-item{border-bottom:1px solid var(--pq-border);align-items:flex-start;gap:20px;padding-bottom:28px;display:flex}.stat-item:last-child{border-bottom:none;padding-bottom:0}.stat-num{font-family:var(--font-dm-serif),"DM Serif Display",serif;color:var(--steel2);flex-shrink:0;width:80px;font-size:40px;line-height:1}.stat-text strong{color:var(--ice);letter-spacing:-.01em;margin-bottom:4px;font-size:14px;font-weight:600;display:block}.stat-text span{color:var(--gray);font-size:13px;line-height:1.5}#problem{padding:120px 48px;position:relative}.section-inner{max-width:1200px;margin:0 auto}.section-tag{letter-spacing:.3em;text-transform:uppercase;color:var(--steel);align-items:center;gap:12px;margin-bottom:20px;font-size:10px;font-weight:600;display:flex}.section-tag:before{content:"";background:var(--steel);width:32px;height:1px;display:block}.section-h2{font-family:var(--font-dm-serif),"DM Serif Display",serif;color:var(--ice);letter-spacing:-.02em;margin-bottom:20px;font-size:clamp(32px,4vw,52px);line-height:1.1}.section-h2 em{color:var(--steel2);font-style:italic}.problem-grid{grid-template-columns:1fr 1fr;align-items:start;gap:48px;margin-top:72px;display:grid}.problem-copy{color:var(--gray);font-size:17px;line-height:1.8}.problem-copy p+p{margin-top:20px}.problem-copy strong{color:var(--ice);font-weight:600}.pain-list{flex-direction:column;gap:2px;display:flex}.pain-item{background:var(--navy2);border:1px solid var(--pq-border);border-radius:2px;align-items:flex-start;gap:16px;padding:20px 24px;transition:border-color .2s;display:flex}.pain-item:hover{border-color:var(--pq-border2)}.pain-icon{color:var(--steel);flex-shrink:0;margin-top:2px;font-size:18px}.pain-item strong{color:var(--ice);margin-bottom:4px;font-size:14px;font-weight:600;display:block}.pain-item span{color:var(--gray);font-size:13px;line-height:1.5}#services{background:var(--navy2);padding:120px 48px;position:relative}#services:before{content:"";background:linear-gradient(90deg,transparent,var(--pq-border2),transparent);height:1px;position:absolute;top:0;left:0;right:0}.services-grid{grid-template-columns:repeat(3,1fr);gap:2px;margin-top:64px;display:grid}.service-card{background:var(--navy);border:1px solid var(--pq-border);padding:48px 36px;transition:border-color .3s,transform .2s;position:relative}.service-card:hover{border-color:var(--pq-border2);transform:translateY(-2px)}.service-card.featured{border-color:var(--steel);background:var(--navy3)}.service-card.featured:before{content:"MOST POPULAR";background:var(--steel);color:var(--navy);letter-spacing:.2em;padding:4px 14px;font-size:9px;font-weight:700;position:absolute;top:-1px;left:50%;transform:translate(-50%)}.service-num{letter-spacing:.2em;color:var(--gray2);margin-bottom:24px;font-size:11px;font-weight:600}.service-name{font-family:var(--font-dm-serif),"DM Serif Display",serif;color:var(--ice);letter-spacing:-.01em;margin-bottom:8px;font-size:26px}.service-duration{color:var(--gray);letter-spacing:.05em;text-transform:uppercase;margin-bottom:28px;font-size:12px}.service-price{font-family:var(--font-dm-serif),"DM Serif Display",serif;color:var(--steel2);margin-bottom:32px;font-size:36px;line-height:1}.service-price sup{vertical-align:super;font-size:18px}.service-price .per{font-family:var(--font-outfit),"Outfit",sans-serif;color:var(--gray);font-size:13px;font-weight:400}.service-divider{background:var(--pq-border);height:1px;margin-bottom:28px}.service-features{flex-direction:column;gap:12px;list-style:none;display:flex}.service-features li{color:var(--gray);align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;display:flex}.service-features li:before{content:"—";color:var(--steel);flex-shrink:0}#case-study{padding:120px 48px;position:relative}.case-inner{grid-template-columns:1fr 1fr;align-items:start;gap:80px;max-width:1200px;margin:0 auto;display:grid}.case-meta{letter-spacing:.2em;text-transform:uppercase;color:var(--gray2);margin-bottom:24px;font-size:11px;font-weight:600}.case-story{color:var(--gray);font-size:16px;line-height:1.8}.case-story p+p{margin-top:16px}.case-story strong{color:var(--ice)}.case-results{flex-direction:column;gap:2px;margin-top:8px;display:flex}.result-card{background:var(--navy2);border:1px solid var(--pq-border);align-items:center;gap:24px;padding:28px 32px;display:flex}.result-num{font-family:var(--font-dm-serif),"DM Serif Display",serif;color:var(--steel2);flex-shrink:0;font-size:48px;line-height:1}.result-label strong{color:var(--ice);margin-bottom:4px;font-size:15px;font-weight:600;display:block}.result-label span{color:var(--gray);font-size:13px}.tech-stack{background:var(--navy2);border:1px solid var(--pq-border);margin-top:32px;padding:24px 32px}.tech-label{letter-spacing:.25em;text-transform:uppercase;color:var(--gray2);margin-bottom:16px;font-size:10px;font-weight:600}.tech-tags{flex-wrap:wrap;gap:8px;display:flex}.tech-tag{letter-spacing:.1em;text-transform:uppercase;color:var(--steel2);background:#5b8ab014;border:1px solid #5b8ab033;border-radius:2px;padding:6px 14px;font-size:11px;font-weight:600}#contact{background:var(--navy2);padding:120px 48px;position:relative}#contact:before{content:"";background:linear-gradient(90deg,transparent,var(--pq-border2),transparent);height:1px;position:absolute;top:0;left:0;right:0}.contact-inner{grid-template-columns:1fr 1fr;align-items:start;gap:80px;max-width:1200px;margin:0 auto;display:grid}.contact-copy{color:var(--gray);margin-top:24px;font-size:16px;line-height:1.8}.contact-detail{flex-direction:column;gap:16px;margin-top:40px;display:flex}.contact-line{color:var(--gray);align-items:center;gap:12px;font-size:14px;display:flex}.contact-line strong{color:var(--ice);font-weight:500}.contact-line a{color:var(--steel2);text-decoration:none}.contact-line a:hover{color:var(--ice)}.contact-form{flex-direction:column;gap:16px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{letter-spacing:.15em;text-transform:uppercase;color:var(--gray2);font-size:11px;font-weight:600}.form-group input,.form-group select,.form-group textarea{background:var(--navy);border:1px solid var(--pq-border);color:var(--ice);font-family:var(--font-outfit),"Outfit",sans-serif;appearance:none;border-radius:2px;outline:none;padding:14px 18px;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--steel)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--gray2)}.form-group select option{background:var(--navy2)}.form-group textarea{resize:vertical;min-height:120px}.form-submit{background:var(--steel);color:var(--navy);font-family:var(--font-outfit),"Outfit",sans-serif;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border:none;border-radius:2px;align-self:flex-start;margin-top:8px;padding:16px 32px;font-size:13px;font-weight:700;transition:background .2s,transform .15s}.form-submit:hover{background:var(--steel2);transform:translateY(-1px)}.form-note{color:var(--gray2);margin-top:4px;font-size:12px}footer{border-top:1px solid var(--pq-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;max-width:100%;padding:48px;display:flex}.footer-logo .nav-wordmark{font-size:18px}.footer-tagline{color:var(--gray2);letter-spacing:.05em;margin-top:4px;font-size:12px}.footer-right{color:var(--gray2);text-align:right;font-size:12px}.footer-right a{color:var(--gray);text-decoration:none}.footer-right a:hover{color:var(--ice)}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(32px)}.reveal.visible{opacity:1;transform:translateY(0)}@media (max-width:900px){nav{padding:0 24px}.nav-links{display:none}#hero,#problem,#services,#case-study,#contact{padding:80px 24px}.hero-inner,.problem-grid,.case-inner,.contact-inner{grid-template-columns:1fr;gap:48px}.services-grid,.form-row{grid-template-columns:1fr}footer{padding:32px 24px}}
