*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #F7F9FC;--grid-line: #DCE4EF;--ink: #1B2A4A;--orange: #E85D04;--white: #FFFFFF;--secondary: #6B7D99;--grid-size: 48px;--ease-overshoot: cubic-bezier(.16, 1.08, .38, .98)}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,sans-serif;background-color:var(--bg);color:var(--ink);overflow-x:hidden}.dot-grid{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:0;background-image:radial-gradient(circle,var(--grid-line) 1px,transparent 1px);background-size:var(--grid-size) var(--grid-size);background-position:calc(var(--grid-size) / 2) calc(var(--grid-size) / 2)}.nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:20px 48px;background:#f7f9fcd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--grid-line);opacity:0;transform:translateY(-20px)}.nav-logo{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:22px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink)}.nav-logo span{color:var(--orange)}.nav-cta{font-family:JetBrains Mono,monospace;font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;padding:10px 24px;border:2px solid var(--ink);color:var(--ink);text-decoration:none;position:relative;overflow:hidden;transition:color .4s var(--ease-overshoot)}.nav-cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--orange);transform:translateY(101%);transition:transform .6s var(--ease-overshoot)}.nav-cta:hover:before{transform:translateY(0)}.nav-cta:hover{color:var(--white);border-color:var(--orange)}.nav-cta span{position:relative;z-index:1}section{position:relative;z-index:1}.container{max-width:1200px;margin:0 auto;padding:0 48px}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:140px 0 100px}.hero-headline{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:clamp(56px,8.5vw,112px);text-transform:uppercase;line-height:.92;letter-spacing:-.01em;color:var(--ink);margin-bottom:32px}.hero-headline .word{display:inline-block;clip-path:inset(0 0 100% 0);transform:translateY(40px);opacity:0}.hero-headline .line{display:block}.hero-headline .highlight{color:var(--orange)}.hero-sub{font-family:Inter,sans-serif;font-size:clamp(16px,1.4vw,20px);color:var(--secondary);max-width:520px;line-height:1.6;margin-bottom:48px;clip-path:inset(0 0 100% 0);transform:translateY(30px);opacity:0}.hero-cta-row{display:flex;gap:16px;align-items:center;clip-path:inset(0 0 100% 0);transform:translateY(30px);opacity:0}.btn-primary{display:inline-flex;align-items:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;padding:16px 36px;background:var(--orange);color:var(--white);text-decoration:none;position:relative;overflow:hidden;transition:background .4s var(--ease-overshoot)}.btn-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ink);transform:translateY(101%);transition:transform .6s var(--ease-overshoot)}.btn-primary:hover:before{transform:translateY(0)}.btn-primary span{position:relative;z-index:1}.btn-secondary{font-family:JetBrains Mono,monospace;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;padding:16px 36px;background:transparent;color:var(--ink);text-decoration:none;border:2px solid var(--grid-line);position:relative;overflow:hidden;transition:color .4s var(--ease-overshoot),border-color .4s var(--ease-overshoot)}.btn-secondary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ink);transform:translateY(101%);transition:transform .6s var(--ease-overshoot)}.btn-secondary:hover:before{transform:translateY(0)}.btn-secondary:hover{color:var(--white);border-color:var(--ink)}.btn-secondary span{position:relative;z-index:1}.hero-tag{font-family:JetBrains Mono,monospace;font-size:12px;font-weight:400;text-transform:uppercase;letter-spacing:.12em;color:var(--secondary);margin-bottom:24px;clip-path:inset(0 0 100% 0);transform:translateY(20px);opacity:0}.value-props{padding:120px 0;border-top:1px solid var(--grid-line)}.section-label{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.16em;color:var(--orange);margin-bottom:48px}.props-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:48px}.prop-item{opacity:0;transform:translateY(50px)}.prop-number{font-family:JetBrains Mono,monospace;font-size:12px;font-weight:500;color:var(--orange);margin-bottom:16px;letter-spacing:.06em}.prop-title{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:28px;text-transform:uppercase;letter-spacing:.02em;margin-bottom:12px;color:var(--ink)}.prop-desc{font-size:15px;line-height:1.6;color:var(--secondary)}.timeline{padding:120px 0;border-top:1px solid var(--grid-line);background:var(--ink);color:var(--white);position:relative;overflow:hidden}.timeline .section-label{color:var(--orange)}.timeline-heading{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:clamp(36px,4.5vw,64px);text-transform:uppercase;line-height:1;margin-bottom:64px;color:var(--white)}.timeline-heading em{font-style:normal;color:var(--orange)}.gantt{display:flex;flex-direction:column;gap:0}.gantt-row{display:grid;grid-template-columns:80px 180px 1fr;align-items:center;gap:24px;padding:28px 0;border-bottom:1px solid rgba(255,255,255,.08);opacity:0;transform:translateY(30px)}.gantt-row:last-child{border-bottom:none}.gantt-day{font-family:JetBrains Mono,monospace;font-size:13px;font-weight:500;color:var(--orange);text-transform:uppercase;letter-spacing:.06em}.gantt-label{font-family:Barlow Condensed,sans-serif;font-weight:600;font-size:20px;text-transform:uppercase;letter-spacing:.04em;color:#ffffffe6}.gantt-bar-track{height:6px;background:#ffffff0f;border-radius:3px;overflow:hidden}.gantt-bar-fill{height:100%;width:0%;background:var(--orange);border-radius:3px;transition:none}.gantt-row.is-active .gantt-bar-fill{background:var(--orange)}.gantt-detail{font-size:14px;color:#ffffff73;margin-top:6px;font-family:Inter,sans-serif}.gantt-row-inner{display:flex;flex-direction:column}.pricing{padding:120px 0;border-top:1px solid var(--grid-line)}.pricing-heading{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:clamp(36px,4.5vw,64px);text-transform:uppercase;line-height:1;margin-bottom:16px}.pricing-sub{font-size:16px;color:var(--secondary);margin-bottom:64px;max-width:480px;line-height:1.6}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.pricing-card{border:1px solid var(--grid-line);padding:40px 32px;background:var(--white);position:relative;opacity:0;transform:translateY(50px)}.pricing-card.featured{border-color:var(--orange);box-shadow:0 0 0 1px var(--orange)}.pricing-card.featured:before{content:"POPULAR";position:absolute;top:-1px;left:32px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;letter-spacing:.12em;background:var(--orange);color:var(--white);padding:4px 12px;text-transform:uppercase}.pricing-tier{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--secondary);margin-bottom:16px}.pricing-price{font-family:JetBrains Mono,monospace;font-size:48px;font-weight:700;color:var(--ink);margin-bottom:8px;line-height:1}.pricing-card.featured .pricing-price{color:var(--orange)}.pricing-note{font-size:14px;color:var(--secondary);margin-bottom:32px}.pricing-divider{height:1px;background:var(--grid-line);margin-bottom:24px}.pricing-features{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:36px}.pricing-features li{font-size:14px;color:var(--ink);line-height:1.5;padding-left:20px;position:relative}.pricing-features li:before{content:"—";position:absolute;left:0;color:var(--orange);font-weight:600}.pricing-cta{display:block;text-align:center;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;padding:14px 24px;text-decoration:none;position:relative;overflow:hidden;transition:color .4s var(--ease-overshoot),border-color .4s var(--ease-overshoot)}.pricing-cta.outline{border:2px solid var(--grid-line);color:var(--ink)}.pricing-cta.filled{background:var(--orange);color:var(--white);border:2px solid var(--orange)}.pricing-cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translateY(101%);transition:transform .6s var(--ease-overshoot)}.pricing-cta.outline:before{background:var(--ink)}.pricing-cta.filled:before{background:var(--ink)}.pricing-cta:hover:before{transform:translateY(0)}.pricing-cta:hover{color:var(--white);border-color:var(--ink)}.pricing-cta span{position:relative;z-index:1}.portfolio{padding:120px 0;border-top:1px solid var(--grid-line);background:#f0f3f8}.portfolio-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.portfolio-text{min-width:0;opacity:0;transform:translateY(50px)}.portfolio-heading{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:clamp(32px,3.5vw,52px);text-transform:uppercase;line-height:1;margin-bottom:20px}.portfolio-desc{font-size:16px;line-height:1.7;color:var(--secondary);margin-bottom:32px}.portfolio-meta{display:flex;gap:32px}.portfolio-link{display:inline-flex;align-items:center;gap:8px;margin-top:32px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--orange);text-decoration:none;border-bottom:1px solid transparent;padding-bottom:2px;transition:gap .3s var(--ease-overshoot),border-color .3s ease}.portfolio-link:hover{gap:14px;border-bottom-color:var(--orange)}.portfolio-stat{display:flex;flex-direction:column}.portfolio-stat-value{font-family:JetBrains Mono,monospace;font-size:28px;font-weight:700;color:var(--orange)}.portfolio-stat-label{font-family:JetBrains Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--secondary);margin-top:4px}.portfolio-image{position:relative;min-width:0;opacity:0;transform:translateY(50px) scale(.97)}.portfolio-frame{background:var(--white);border:1px solid var(--grid-line);border-radius:4px;overflow:hidden;box-shadow:0 24px 64px #1b2a4a14;transition:box-shadow .4s ease}.portfolio-frame-link{display:block;text-decoration:none;color:inherit;transition:transform .4s var(--ease-overshoot)}.portfolio-frame-link:hover{transform:translateY(-4px)}.portfolio-frame-link:hover .portfolio-frame{box-shadow:0 32px 72px #1b2a4a29}.portfolio-browser-bar{display:flex;align-items:center;gap:6px;padding:12px 16px;border-bottom:1px solid var(--grid-line);background:#fafbfd}.browser-dot{width:8px;height:8px;border-radius:50%;background:var(--grid-line)}.browser-url{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--secondary);margin-left:8px;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.portfolio-video{position:relative;aspect-ratio:16 / 9;background:linear-gradient(135deg,#2c3e50,#1b2a4a,#0f1a2e);overflow:hidden}.portfolio-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.portfolio-shot{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;object-position:top center}.portfolio-video-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.portfolio-video-placeholder svg{width:48px;height:48px;opacity:.2}.portfolio-video-placeholder span{font-family:JetBrains Mono,monospace;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#fff3}.closing{padding:140px 0;border-top:1px solid var(--grid-line);text-align:center}.closing-content{opacity:0;transform:translateY(50px)}.closing-headline{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:clamp(40px,6vw,80px);text-transform:uppercase;line-height:.95;margin-bottom:24px}.closing-headline .highlight{color:var(--orange)}.closing-sub{font-size:17px;color:var(--secondary);margin-bottom:48px;max-width:440px;margin-left:auto;margin-right:auto;line-height:1.6}.footer{padding:40px 0;border-top:1px solid var(--grid-line)}.footer-inner{display:flex;justify-content:space-between;align-items:center}.footer-logo{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:16px;text-transform:uppercase;letter-spacing:.08em;color:var(--secondary)}.footer-logo span{color:var(--orange)}.footer-copy{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--secondary);letter-spacing:.04em}@media (max-width: 900px){.container{padding:0 24px}.nav{padding:16px 24px}.props-grid{grid-template-columns:repeat(2,1fr);gap:36px}.pricing-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto}.portfolio-layout{grid-template-columns:1fr;gap:40px}.gantt-row{grid-template-columns:60px 1fr;gap:12px}.gantt-bar-track{display:none}.hero-cta-row{flex-direction:column;align-items:flex-start}}@media (max-width: 600px){.props-grid{grid-template-columns:1fr}.hero{padding:120px 0 80px}}@media (max-width: 425px){.container{padding:0 16px}.nav{padding:12px 16px}.pricing-grid{max-width:none}.pricing-card{padding:32px 24px}.gantt-row{grid-template-columns:1fr;gap:8px}.gantt-day{display:none}.hero-cta-row .btn-primary,.hero-cta-row .btn-secondary{width:100%;text-align:center}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}