:root{
--a:#040F2B;
--a2:#07183F;
--o:#DA7B32;
--bg:#F4F5F7;
--line:#DFE3E9;
--muted:#687083;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:#111827}
a{text-decoration:none;color:inherit}
img{max-width:100%}
.container{width:min(92%,1180px);margin:auto}
.site-top{background:var(--a);color:#fff}
.site-topin{width:min(92%,1180px);min-height:82px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{width:min(320px,60vw)}.logo img{display:block;width:100%;height:auto}
.site-topin>a:last-child,.site-topin nav a{font-size:.72rem;color:#fff}
.site-topin nav{display:flex;gap:16px}
.ey{display:block;color:var(--o);font-size:.67rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.services-hero,.detail-hero{background:#fff}
.services-hero{padding:85px 0 65px;border-bottom:1px solid var(--line)}
.services-hero h1,.detail-hero h1{margin:8px 0 17px;color:var(--a);font-size:clamp(2.6rem,5vw,4.7rem);line-height:1.02;letter-spacing:-.05em}
.services-hero p,.detail-hero p{max-width:720px;margin:0;color:var(--muted);font-size:.96rem;line-height:1.75}
.services-list{padding:60px 0 85px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.service-card{display:block;background:#fff;border:1px solid var(--line);border-bottom:4px solid var(--o);border-radius:7px;padding:22px;transition:.18s}
.service-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(4,15,43,.06)}
.service-card>span{color:var(--o);font-size:.62rem;font-weight:900}
.service-card h2{margin:20px 0 8px;color:var(--a);font-size:1rem}
.service-card p{color:var(--muted);font-size:.72rem;line-height:1.55;min-height:70px}
.service-card b{color:var(--a);font-size:.67rem}
.contact-cta{background:var(--a);color:#fff;padding:50px 0}
.contact-grid{display:flex;justify-content:space-between;align-items:center;gap:30px}
.contact-grid h2{margin:6px 0;font-size:1.5rem}.contact-grid p{max-width:700px;margin:0;color:#ffffff99;font-size:.75rem;line-height:1.6}
.contact-grid>a{background:var(--o);color:#fff;padding:11px 14px;border-radius:4px;font-size:.7rem;font-weight:800;white-space:nowrap}

/* DETAIL */
.detail-hero{padding:80px 0 65px;border-bottom:1px solid var(--line)}
.detail-hero-grid{display:grid;grid-template-columns:1fr 180px;gap:50px;align-items:center}
.hero-brand{opacity:.10}.hero-brand img{width:180px;height:180px;object-fit:contain}
.hero-actions{display:flex;gap:8px;margin-top:25px}.hero-actions a{padding:11px 14px;border-radius:4px;font-size:.7rem;font-weight:800}
.hero-actions .primary{background:var(--o);color:#fff}.hero-actions .secondary{border:1px solid var(--line);color:var(--a)}
.detail-content{padding:60px 0 80px}
.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:35px;align-items:start}
.content-block{background:#fff;border:1px solid var(--line);border-radius:7px;padding:25px;margin-bottom:12px}
.block-number{color:var(--o);font-size:.62rem;font-weight:900}
.content-block h2{margin:12px 0 18px;color:var(--a);font-size:1.25rem}
.service-items{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:7px}
.service-items li{padding:10px 11px;background:#f7f8fa;border-left:3px solid var(--o);font-size:.72rem;color:#4f5969}
.body-copy{color:#505a6b;font-size:.78rem;line-height:1.7}
.faq-list details{border-top:1px solid var(--line);padding:12px 0}.faq-list details:first-child{border-top:0}
.faq-list summary{cursor:pointer;color:var(--a);font-size:.74rem;font-weight:800}
.faq-list p{color:var(--muted);font-size:.71rem;line-height:1.55;margin:8px 0 0}
.contact-card{position:sticky;top:20px;background:var(--a);color:#fff;border-radius:7px;padding:24px}
.contact-card h2{margin:7px 0 9px;font-size:1.2rem}.contact-card p{color:#ffffff99;font-size:.72rem;line-height:1.6}
.contact-card>a{display:block;margin-top:10px;background:var(--o);padding:10px;border-radius:4px;text-align:center;font-size:.68rem;font-weight:800}
.contact-card>a.email{background:transparent;border:1px solid #ffffff33;font-size:.61rem}
.service-area{margin-top:18px;padding-top:15px;border-top:1px solid #ffffff22}.service-area strong,.service-area span{display:block}.service-area strong{font-size:.62rem}.service-area span{margin-top:5px;color:#ffffff88;font-size:.59rem;line-height:1.5}
.related{background:#fff;border-top:1px solid var(--line);padding:55px 0}
.related-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}.related-head h2{margin:5px 0 0;color:var(--a);font-size:1.2rem}.related-head>a{font-size:.68rem;font-weight:800;color:var(--a)}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.related-grid a{padding:14px;border:1px solid var(--line);border-radius:5px}.related-grid strong,.related-grid span{display:block}.related-grid strong{font-size:.72rem;color:var(--a)}.related-grid span{margin-top:8px;color:var(--o);font-size:.6rem;font-weight:800}
.service-footer{background:#02091C;color:#ffffff77;padding:22px 0}.service-footer .container{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:.61rem}.service-footer a{color:#fff}
@media(max-width:850px){.grid{grid-template-columns:1fr 1fr}.detail-grid{grid-template-columns:1fr}.contact-card{position:static}.detail-hero-grid{grid-template-columns:1fr}.hero-brand{display:none}}
@media(max-width:600px){.grid,.service-items,.related-grid{grid-template-columns:1fr}.contact-grid{align-items:flex-start;flex-direction:column}.site-topin nav{gap:9px}.site-topin nav a{font-size:.62rem}}