
:root{
 --navy:#0d2f57;--navy-2:#071d37;--blue:#174d82;--red:#b3212c;--red-2:#8f1821;
 --ink:#18212e;--muted:#5d6877;--line:#d9e0e8;--paper:#fff;--soft:#f4f7fa;--warm:#f7f3ed;
 --gold:#b3843d;--success:#2f6a4f;--max:1180px;--radius:18px;--shadow:0 18px 48px rgba(12,35,62,.12);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.62;font-size:16px}img{max-width:100%;display:block}a{color:var(--blue)}button,input,textarea,select{font:inherit}.skip-link{position:absolute;left:-9999px;top:0}.skip-link:focus{left:12px;top:12px;z-index:999;background:#fff;padding:10px 14px;border:2px solid var(--navy)}
.topbar{background:var(--navy-2);color:#e9f0f7;font-size:.88rem}.topbar-inner{max-width:var(--max);margin:auto;padding:8px 24px;display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap}.topbar a{color:#fff;text-decoration:none}.topbar-links{display:flex;gap:16px;flex-wrap:wrap}
.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;box-shadow:0 5px 22px rgba(8,28,52,.06)}.header-inner{max-width:var(--max);margin:auto;min-height:88px;padding:10px 24px;display:flex;align-items:center;justify-content:space-between;gap:26px}.logo-link{display:flex;align-items:center;text-decoration:none}.logo-link img{width:235px;height:auto}.main-nav{display:flex;align-items:center;gap:5px}.main-nav a{color:var(--ink);text-decoration:none;padding:11px 10px;border-radius:9px;font-weight:750;font-size:.91rem}.main-nav a:hover,.main-nav a[aria-current="page"]{background:var(--soft);color:var(--navy)}.nav-cta{background:var(--red)!important;color:#fff!important;padding:11px 15px!important}.nav-toggle{display:none;background:none;border:1px solid var(--line);border-radius:9px;padding:9px 12px;font-weight:750;color:var(--navy)}
.hero{background:linear-gradient(135deg,var(--navy-2) 0%,var(--navy) 58%,#164d7d 100%);color:#fff;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:auto -120px -230px auto;width:520px;height:520px;border:80px solid rgba(255,255,255,.045);border-radius:50%}.hero-inner{max-width:var(--max);margin:auto;padding:72px 24px;display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center;position:relative;z-index:1}.eyebrow{font-size:.78rem;text-transform:uppercase;letter-spacing:.13em;font-weight:850;color:#c7ddf2}.hero h1,.page-hero h1{font-size:clamp(2.55rem,5.4vw,5.15rem);line-height:1.01;letter-spacing:-.045em;margin:12px 0 20px}.hero .lead{font-size:1.16rem;color:#e5edf5;max-width:720px}.hero-actions,.button-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:2px solid transparent;border-radius:999px;padding:12px 19px;text-decoration:none;font-weight:820;line-height:1.2}.button-primary{background:var(--red);color:#fff}.button-primary:hover{background:var(--red-2)}.button-light{background:#fff;color:var(--navy)}.button-outline{border-color:rgba(255,255,255,.65);color:#fff}.button-ghost{border-color:var(--navy);color:var(--navy);background:#fff}.hero-art{background:#fff;border-radius:var(--radius);padding:12px;box-shadow:0 28px 80px rgba(0,0,0,.32);transform:rotate(.5deg)}.hero-art img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#fff;border-radius:10px}.trust-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border-bottom:1px solid var(--line)}.trust-item{background:#fff;padding:20px 16px;text-align:center}.trust-item strong{display:block;color:var(--navy);font-size:1.02rem}.trust-item span{color:var(--muted);font-size:.84rem}
main{display:block}.section{padding:78px 24px}.section-soft{background:var(--soft)}.section-warm{background:var(--warm)}.container{max-width:var(--max);margin:auto}.section-head{max-width:780px;margin-bottom:34px}.section-head.center{text-align:center;margin-left:auto;margin-right:auto}.section-head h2,.content h2{font-size:clamp(2rem,3.8vw,3.15rem);line-height:1.08;letter-spacing:-.035em;color:var(--navy);margin:0 0 14px}.section-head p,.lead{font-size:1.1rem;color:var(--muted)}.kicker{display:block;color:var(--red);font-weight:850;text-transform:uppercase;letter-spacing:.11em;font-size:.76rem;margin-bottom:9px}.grid{display:grid;gap:22px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:25px;box-shadow:0 10px 28px rgba(12,35,62,.06)}.card h3{color:var(--navy);font-size:1.27rem;line-height:1.25;margin:0 0 10px}.card p{color:var(--muted);margin:0 0 13px}.card-link{font-weight:820;text-decoration:none}.service-card{position:relative;padding-top:60px}.service-card .number{position:absolute;top:22px;left:24px;color:var(--red);font-weight:900;font-size:.8rem;letter-spacing:.09em}.icon-box{width:46px;height:46px;border-radius:12px;background:#eaf1f8;color:var(--navy);display:grid;place-items:center;font-weight:900;margin-bottom:14px}.check-list{list-style:none;margin:0;padding:0}.check-list li{position:relative;padding-left:28px;margin:10px 0;color:#374454}.check-list li:before{content:"✓";position:absolute;left:0;color:var(--success);font-weight:900}.plain-list{margin:0;padding-left:1.2rem}.plain-list li{margin:.55rem 0}.process-card{border-top:4px solid var(--red)}
.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.project-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}.project-media{background:#eef2f6;padding:10px;aspect-ratio:4/3;display:grid;place-items:center}.project-media img{width:100%;height:100%;object-fit:contain}.project-body{padding:22px;display:flex;flex-direction:column;flex:1}.project-tag{color:var(--red);font-weight:850;text-transform:uppercase;letter-spacing:.09em;font-size:.72rem}.project-card h3{font-size:1.35rem;line-height:1.18;color:var(--navy);margin:8px 0 10px}.project-card p{color:var(--muted);margin:0 0 16px}.project-card .card-link{margin-top:auto}.portfolio-note{margin-top:22px;color:var(--muted);font-size:.9rem}
.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}.portrait{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:#fff}.portrait img{width:100%;max-height:550px;object-fit:cover;object-position:center 22%}.quality-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.quality-item{background:#fff;border:1px solid var(--line);border-radius:13px;padding:18px}.quality-item strong{display:block;color:var(--navy);margin-bottom:5px}.quality-item span{color:var(--muted);font-size:.91rem}
.cta-band{background:linear-gradient(135deg,var(--navy-2),var(--navy));color:#fff;border-radius:var(--radius);padding:38px;display:flex;justify-content:space-between;align-items:center;gap:30px}.cta-band h2{color:#fff!important;margin:0 0 8px!important}.cta-band p{color:#dbe7f2;margin:0}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px}.contact-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px}.contact-panel h3{margin-top:0;color:var(--navy)}.contact-list{list-style:none;padding:0;margin:0}.contact-list li{margin:13px 0}.contact-list a{text-decoration:none;font-weight:750}.payment-panel{background:#fff8e8;border:1px solid #ead3a8;border-radius:var(--radius);padding:25px}.social-list{display:flex;gap:10px;flex-wrap:wrap}.social-list a{background:var(--soft);padding:9px 12px;border-radius:999px;text-decoration:none;font-weight:760;font-size:.88rem}
.page-hero{background:linear-gradient(135deg,var(--navy-2),var(--navy));color:#fff;padding:58px 24px}.page-hero .container{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center}.page-hero h1{font-size:clamp(2.5rem,5vw,4.65rem)}.page-hero p{font-size:1.12rem;color:#e4edf6}.page-hero-card{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.24);border-radius:var(--radius);padding:25px}.page-hero-card h2{font-size:1.35rem;color:#fff;margin:0 0 10px}.breadcrumb{font-size:.85rem;color:#687487;margin-bottom:24px}.breadcrumb a{color:#687487}.content{max-width:900px}.content h2{margin-top:45px}.content h3{color:var(--navy);font-size:1.28rem;margin-top:28px}.content p{margin:10px 0 16px}.content-wide{max-width:none}.callout{background:#eef5fb;border-left:5px solid var(--red);padding:25px 28px;border-radius:0 13px 13px 0;margin:26px 0}.callout-gold{background:#fff7e8;border-left-color:var(--gold)}.pill-list{display:flex;gap:8px;flex-wrap:wrap}.pill{background:#edf2f7;border:1px solid var(--line);padding:7px 10px;border-radius:999px;font-size:.84rem;color:#445163}.subnav{position:sticky;top:108px;z-index:30;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);box-shadow:0 5px 18px rgba(12,35,62,.05)}.subnav-inner{max-width:var(--max);margin:auto;padding:9px 24px;display:flex;gap:7px;overflow:auto}.subnav a{white-space:nowrap;text-decoration:none;color:var(--ink);font-size:.85rem;font-weight:760;padding:7px 9px;border-radius:999px}.subnav a:hover{background:var(--soft)}
.price-table{width:100%;border-collapse:collapse;margin:18px 0 36px;font-size:.96rem;border:1px solid var(--line)}.price-table th{background:var(--navy);color:#fff;text-align:left;padding:12px 13px}.price-table td{padding:13px;border:1px solid var(--line);vertical-align:top}.price-table tr:nth-child(even) td{background:#f8fafc}.price-table .price{text-align:right;white-space:nowrap;color:var(--red);font-weight:900}.price-section{scroll-margin-top:165px;padding-top:18px}.price-section h2{font-size:clamp(1.75rem,3vw,2.45rem);color:var(--navy);letter-spacing:-.025em}.pricing-links{background:#f5f8fb;border:1px solid var(--line);border-radius:14px;padding:18px;margin:-12px 0 34px}.pricing-links strong{color:var(--navy)}
.project-hero{background:linear-gradient(135deg,var(--navy-2),var(--navy));color:#fff}.project-hero-inner{max-width:var(--max);margin:auto;padding:58px 24px;display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.project-hero h1{font-size:clamp(2.35rem,5vw,4.45rem);line-height:1.01;letter-spacing:-.04em;margin:10px 0 18px}.project-hero p{color:#e4edf6;font-size:1.08rem}.project-hero-media{background:#fff;border-radius:var(--radius);padding:10px;box-shadow:0 25px 70px rgba(0,0,0,.3)}.project-hero-media img{width:100%;aspect-ratio:4/3;object-fit:contain}.fact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:28px 0}.fact{background:var(--soft);border:1px solid var(--line);border-radius:13px;padding:18px}.fact small{display:block;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:820;font-size:.7rem}.fact strong{display:block;color:var(--navy);font-size:1rem;line-height:1.3;margin-top:7px}.drawing-frame{background:var(--soft);border:1px solid var(--line);border-radius:var(--radius);padding:12px;box-shadow:var(--shadow)}.drawing-frame img{width:100%;max-height:680px;object-fit:contain;background:#fff}.caption{font-size:.82rem;color:var(--muted);padding:9px 4px 0}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mini-project{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}.mini-project img{width:100%;height:150px;object-fit:contain;background:var(--soft);padding:7px}.mini-project div{padding:14px}.mini-project a{font-weight:800;text-decoration:none}.disclaimer{font-size:.84rem;color:var(--muted);margin-top:22px}
.site-footer{background:var(--navy-2);color:#ccd8e4}.footer-inner{max-width:var(--max);margin:auto;padding:52px 24px 24px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr 1fr;gap:30px}.footer-logo{width:220px;background:#fff;border-radius:10px;padding:8px}.site-footer h3{color:#fff;font-size:1rem;margin-top:0}.site-footer a{color:#e8f1fa;text-decoration:none}.site-footer ul{list-style:none;padding:0;margin:0}.site-footer li{margin:8px 0}.footer-bottom{border-top:1px solid rgba(255,255,255,.16);margin-top:34px;padding-top:18px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:.82rem;color:#9eb0c2}
@media(max-width:980px){.main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;padding:14px 24px;border-bottom:1px solid var(--line);box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.nav-toggle{display:block;position:relative;z-index:2}.hero-inner,.page-hero .container,.project-hero-inner,.split,.contact-grid{grid-template-columns:1fr}.hero-art{max-width:700px}.grid-4{grid-template-columns:repeat(2,1fr)}.project-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.subnav{position:static}.fact-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.topbar-inner{justify-content:center;text-align:center}.topbar-links{justify-content:center}.header-inner{min-height:78px}.logo-link img{width:190px}.section{padding:58px 18px}.hero-inner,.page-hero,.project-hero-inner{padding-left:18px;padding-right:18px}.grid-2,.grid-3,.grid-4,.project-grid,.related-grid,.quality-grid{grid-template-columns:1fr}.trust-row{grid-template-columns:repeat(2,1fr)}.fact-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.cta-band{display:block;padding:27px}.cta-band .button{margin-top:20px}.price-table,.price-table thead,.price-table tbody,.price-table tr,.price-table th,.price-table td{display:block}.price-table thead{position:absolute;left:-9999px}.price-table tr{border-bottom:3px solid var(--navy)}.price-table td{border-bottom:0}.price-table .price{text-align:left;font-size:1.08rem}.project-hero h1,.hero h1{font-size:2.55rem}}
@media print{.topbar,.site-header,.subnav,.site-footer,.button-row,.cta-band{display:none!important}.page-hero,.project-hero{background:#fff;color:#000;padding:20px 0}.page-hero p,.project-hero p{color:#333}.section{padding:25px 0}.price-table th{background:#ddd!important;color:#000!important}.card{box-shadow:none}.container{max-width:none}}
