:root{--navy:#071b31;--navy2:#0b2946;--cyan:#00bfe8;--cyan2:#72e6ff;--ink:#102236;--muted:#5e6d7d;--line:#d8e1e9;--paper:#f5f8fa;--white:#fff;--max:1240px;--shadow:0 30px 90px rgba(2,18,34,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font:400 16px/1.65 Inter,"Segoe UI",Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.skip{position:fixed;left:1rem;top:-5rem;z-index:99;background:#fff;padding:.8rem 1rem}.skip:focus{top:1rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.site-header{position:fixed;inset:0 0 auto;z-index:20;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(7,27,49,.08)}.nav-wrap{height:84px;max-width:var(--max);margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between}.brand img{display:block;width:205px;height:auto}.site-header nav{display:flex;align-items:center;gap:30px;font-size:.92rem;font-weight:600}.site-header nav>a:not(.nav-cta){position:relative}.site-header nav>a:not(.nav-cta):after{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:2px;background:var(--cyan);transition:.25s}.site-header nav>a:hover:after{right:0}.nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;border-radius:3px;font-weight:700;transition:.25s}.nav-cta{padding:.72rem 1.05rem;color:white;background:var(--navy)}.menu-btn{display:none;background:none;border:0;padding:.5rem}.menu-btn span:not(.sr-only){display:block;width:25px;height:2px;background:var(--navy);margin:5px}.hero{min-height:820px;padding:84px 0 0;background:linear-gradient(130deg,#f9fbfc 0%,#f2f7fa 58%,#e8f6fa 100%);position:relative;overflow:hidden}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(0,191,232,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(0,191,232,.06) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,transparent 5%,#000 60%,transparent)}.hero-inner{position:relative;max-width:var(--max);min-height:736px;margin:auto;padding:85px 28px 72px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:54px}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.15em;font-size:.76rem;font-weight:800;color:#3f5c73}.eyebrow{display:flex;align-items:center;gap:.65rem}.eyebrow span{width:26px;height:2px;background:var(--cyan)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:"Arial Narrow","Roboto Condensed",Inter,sans-serif;letter-spacing:-.045em;line-height:1.02}h1{font-size:clamp(3.2rem,6vw,6rem);margin:.65rem 0 1.5rem;color:var(--navy);font-weight:800}h1 em{font-style:normal;color:var(--cyan)}.hero-text{font-size:1.2rem;max-width:650px;color:var(--muted);line-height:1.7}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:34px 0 48px}.button{border:1px solid transparent;padding:1rem 1.3rem;cursor:pointer}.button.primary{background:var(--navy);color:white}.button.primary:hover{background:var(--cyan);color:var(--navy);transform:translateY(-2px)}.button.ghost{border-color:#aebdca;background:rgba(255,255,255,.6)}.button.ghost:hover{border-color:var(--navy)}.trust-row{display:flex;gap:36px;padding-top:24px;border-top:1px solid var(--line)}.trust-row div{display:flex;flex-direction:column}.trust-row strong{font-size:.94rem;color:var(--navy)}.trust-row span{font-size:.76rem;color:#7a8894}.drawing-stage{position:relative;perspective:1200px}.sheet{background:white;padding:26px;box-shadow:var(--shadow);transform:rotateY(-6deg) rotateX(2deg) rotateZ(1.2deg);border:1px solid #e2ebf0;position:relative}.sheet:after{content:"";position:absolute;inset:10px;border:1px solid #dbe4ea;pointer-events:none}.sheet-head,.sheet-foot{display:flex;justify-content:space-between;font:700 .63rem/1.3 monospace;letter-spacing:.08em;color:#6d7e8d}.sheet svg{display:block;width:100%;height:auto;margin:15px 0}.sheet .thin{fill:none;stroke:#15314a;stroke-width:4}.sheet .doors{fill:none;stroke:var(--cyan);stroke-width:3}.sheet .measure{fill:none;stroke:#688094;stroke-width:1.5}.sheet text{fill:#5a7082;font:700 13px monospace}.sheet .measure text{font-size:12px}.cad-tag{position:absolute;background:var(--navy);color:white;padding:.75rem 1rem;box-shadow:0 10px 30px rgba(7,27,49,.2);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase}.cad-tag span{color:var(--cyan);margin-right:.65rem}.tag-one{left:-24px;bottom:68px}.tag-two{right:-18px;top:72px}.section{padding:110px max(28px,calc((100vw - var(--max))/2))}.section-label{font:800 .72rem monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);padding-bottom:26px;border-bottom:1px solid var(--line)}.intro-copy{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;padding-top:55px}.intro h2,.section-top h2,.audience-head h2,.about h2,.contact h2{font-size:clamp(2.4rem,4.5vw,4.7rem);color:var(--navy);margin-bottom:0}.intro h2 span{color:#92a1ad}.intro-copy>p{font-size:1.12rem;color:var(--muted);max-width:560px;padding-top:12px}.services{background:var(--paper)}.section-top{display:flex;align-items:end;justify-content:space-between;gap:3rem;margin-bottom:50px}.section-top>p{max-width:410px;color:var(--muted);margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ced9e1;border:1px solid #ced9e1}.service-card{background:white;padding:38px;min-height:370px;position:relative}.service-card .num{position:absolute;right:26px;top:22px;color:#98a8b5;font:700 .72rem monospace}.service-card .icon{height:54px;color:var(--cyan);font-size:2rem;font-weight:800}.service-card h3{font-size:1.3rem;color:var(--navy);margin:16px 0 12px}.service-card p{color:var(--muted)}.service-card ul{list-style:none;margin:20px 0 0;padding:18px 0 0;border-top:1px solid var(--line);color:#4c6072;font-size:.9rem}.service-card li:before{content:"—";color:var(--cyan);margin-right:.6rem}.service-card.accent{background:var(--cyan);color:var(--navy);display:flex;align-items:end}.service-card.accent .num,.service-card.accent p{color:rgba(7,27,49,.65)}.service-card.accent h3{font-size:2rem}.service-card.accent a{font-weight:800;border-bottom:2px solid var(--navy);padding-bottom:4px}.audiences{background:var(--navy);color:white}.section-label.light{border-color:rgba(255,255,255,.14)}.audience-head{padding:60px 0 46px}.audience-head h2{color:white}.audience-head .kicker{color:var(--cyan)}.audience-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid rgba(255,255,255,.16)}.audience-card{padding:48px;position:relative;min-height:390px}.audience-card+article{border-left:1px solid rgba(255,255,255,.16)}.audience-no{position:absolute;right:38px;top:25px;font-size:6rem;font-weight:800;line-height:1;color:rgba(0,191,232,.08)}.audience-card h3{font-size:1.75rem;margin:20px 0}.audience-card p:not(.kicker){max-width:480px;color:#aebdcc}.audience-card a{display:inline-block;color:var(--cyan);font-weight:700;margin-top:26px}.process{background:#fff}.steps{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.steps li{display:grid;grid-template-columns:110px 1fr;gap:22px;padding:28px 0;border-bottom:1px solid var(--line)}.steps li>span{font:700 1rem monospace;color:var(--cyan)}.steps h3{margin:0 0 3px;font-size:1.15rem;color:var(--navy)}.steps p{margin:0;color:var(--muted)}.about{background:#ecf4f7;display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:center}.about-mark{aspect-ratio:1;border:1px solid rgba(7,27,49,.14);position:relative;display:grid;place-items:center;background:linear-gradient(145deg,rgba(0,191,232,.2),transparent 60%)}.about-mark:before,.about-mark:after{content:"";position:absolute;background:var(--cyan)}.about-mark:before{width:1px;height:120%;transform:rotate(45deg)}.about-mark:after{height:1px;width:120%;transform:rotate(-45deg)}.about-mark span{font-size:clamp(5rem,10vw,10rem);font-weight:900;line-height:.65;color:var(--navy);position:absolute}.about-mark span+span{color:transparent;-webkit-text-stroke:2px var(--cyan);transform:translate(36%,36%)}.about-copy>p:not(.kicker){font-size:1.05rem;color:var(--muted)}.signature{font-family:Georgia,serif;font-style:italic;font-size:1.35rem;margin-top:34px;color:var(--navy)}.signature span{display:block;font:600 .72rem Inter,sans-serif;text-transform:uppercase;letter-spacing:.12em;color:#6b7c8c;margin-top:5px}.contact{background:var(--navy);color:white;display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}.contact h2{color:white}.contact-copy>p:not(.kicker){color:#aebdcc;max-width:490px}.contact .kicker{color:var(--cyan)}.contact-direct{display:flex;flex-direction:column;gap:17px;margin-top:45px}.contact-direct a{font-size:1.13rem}.contact-direct small{display:block;color:#7f94a7;text-transform:uppercase;letter-spacing:.1em;font-size:.67rem}.contact-form{background:white;color:var(--ink);padding:38px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form label{display:block;font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;margin-bottom:20px}.contact-form input,.contact-form textarea,.contact-form select{display:block;width:100%;margin-top:7px;padding:.9rem 1rem;border:1px solid #cad5dd;background:#f8fafb;border-radius:2px;color:var(--ink);text-transform:none;letter-spacing:0}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{outline:2px solid var(--cyan);outline-offset:1px}.contact-form .button{width:100%;border:0}.form-note{font-size:.75rem;color:#7b8995;text-align:center;margin:12px 0 0}footer{background:#041321;color:white;padding:55px max(28px,calc((100vw - var(--max))/2)) 30px;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:start;border-top:1px solid rgba(255,255,255,.08)}footer img{width:190px;filter:brightness(0) invert(1)}footer>div>p{color:#8296a8;font-size:.85rem}.footer-links{display:grid;grid-template-columns:repeat(2,auto);gap:10px 35px;font-size:.86rem}.footer-links a:hover{color:var(--cyan)}.copyright{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.08);padding-top:24px;margin:0;color:#687e91;font-size:.75rem}.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:980px){.site-header nav{position:absolute;top:84px;left:0;right:0;background:white;padding:25px 28px;display:none;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.menu-btn{display:block}.hero-inner{grid-template-columns:1fr;padding-top:62px}.hero{min-height:auto}.drawing-stage{max-width:650px;margin:0 auto 30px}.service-grid{grid-template-columns:repeat(2,1fr)}.about,.contact{grid-template-columns:1fr;gap:55px}.about-mark{max-width:520px}.intro-copy{grid-template-columns:1fr;gap:20px}}@media(max-width:680px){.nav-wrap{height:72px;padding:0 20px}.brand img{width:165px}.site-header nav{top:72px}.hero{padding-top:72px}.hero-inner{padding:46px 20px 55px;gap:34px}h1{font-size:3rem}.hero-text{font-size:1.03rem}.trust-row{gap:17px;justify-content:space-between}.trust-row span{display:none}.tag-two{right:-5px}.tag-one{left:-5px}.section{padding:78px 20px}.section-top{display:block}.section-top>p{margin-top:20px}.service-grid,.audience-grid{grid-template-columns:1fr}.audience-card+article{border-left:0;border-top:1px solid rgba(255,255,255,.16)}.service-card{min-height:auto;padding:32px}.audience-card{padding:36px 28px;min-height:auto}.steps li{grid-template-columns:55px 1fr}.field-row{grid-template-columns:1fr}.contact-form{padding:25px 20px}.footer-links{grid-template-columns:1fr}footer{grid-template-columns:1fr}.sheet{padding:16px}.hero-actions .button{width:100%}}