/*
Theme Name: NDS-Net Professional
Theme URI: https://nds-net.de
Author: NDS-Net
Description: Modernes, responsives WordPress-Theme für NDS-Net – IT-Service, Systemintegration und Managed IT in Hamburg.
Version: 2.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: nds-net
*/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#08111d;--bg2:#0b1725;--panel:#101f30;--panel2:#0d1a29;--line:#203247;--text:#f2f7fc;--muted:#a7b5c5;--green:#65e4be;--green2:#2fc79a;--blue:#75aaff;--radius:20px;--shadow:0 22px 65px rgba(0,0,0,.22)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}body,button,input,textarea,select{font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}button,input,textarea,select{font-size:inherit}button,a,input,textarea,select{outline-offset:4px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--green)}::selection{background:var(--green);color:#07121e}.container{width:min(1180px,calc(100% - 48px));margin-inline:auto}.section{padding:112px 0}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--green);font-size:.76rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.eyebrow-dot,.live-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(101,228,190,.1)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,'DM Sans',sans-serif;letter-spacing:-.045em;line-height:1.13}h1{font-size:clamp(2.7rem,5.2vw,4.65rem);font-weight:800;margin:24px 0 22px}h1 span,h2 span{color:var(--green)}h2{font-size:clamp(2rem,3.5vw,3.25rem);font-weight:800;margin:17px 0 18px}h3{font-size:1.22rem;font-weight:750;letter-spacing:-.025em}.hero{position:relative;overflow:hidden;padding:148px 0 76px;background:radial-gradient(ellipse at 75% 28%,rgba(37,105,115,.17),transparent 35%),linear-gradient(180deg,#091421 0%,var(--bg) 100%)}.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent)}.hero-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:54px;align-items:center}.hero-copy{position:relative;z-index:1}.hero-lead{font-size:1.12rem;line-height:1.8;color:var(--muted);max-width:620px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:13px;border-radius:10px;padding:13px 19px;font-size:.91rem;font-weight:700;border:1px solid transparent;transition:transform .2s ease,background .2s ease,border-color .2s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--green);color:#06131e;box-shadow:0 10px 30px rgba(101,228,190,.12)}.btn-primary:hover{background:#85f1d0}.btn-secondary,.btn-outline{border-color:#35485d;background:rgba(255,255,255,.025);color:var(--text)}.btn-secondary:hover,.btn-outline:hover{border-color:var(--green);background:rgba(101,228,190,.06)}.hero-proof{display:flex;gap:12px 20px;flex-wrap:wrap;margin-top:30px;color:#c4d0dc;font-size:.82rem}.hero-proof span{display:flex;align-items:center;gap:7px}.hero-proof i{font-style:normal;color:var(--green);font-weight:800}.hero-art{position:relative;min-width:0;padding:22px 22px 18px;background:linear-gradient(145deg,rgba(18,36,54,.96),rgba(10,23,37,.9));border:1px solid #23394e;border-radius:25px;box-shadow:var(--shadow);overflow:hidden}.art-glow{position:absolute;width:260px;height:260px;right:10%;top:18%;border-radius:50%;background:rgba(54,199,158,.08);filter:blur(40px)}.art-topline{position:relative;z-index:1;display:flex;align-items:center;gap:10px;font-size:.65rem;letter-spacing:.14em;color:#b6c5d4;font-weight:700}.art-status{margin-left:auto;color:var(--green);font-size:.6rem}.network-svg{position:relative;width:100%;margin:10px auto 0;max-height:400px}.art-caption{position:relative;display:flex;align-items:center;gap:13px;border-top:1px solid #26394d;padding:17px 3px 0}.caption-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:rgba(101,228,190,.1);color:var(--green);font-size:1.2rem}.art-caption b,.art-caption small{display:block}.art-caption b{font-size:.9rem}.art-caption small{font-size:.78rem;color:var(--muted);margin-top:2px}.trust-strip{border-block:1px solid var(--line);background:#0a1623}.trust-inner{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;min-height:72px;color:#9aabbd;font-size:.69rem;font-weight:700;letter-spacing:.12em}.trust-inner b{color:var(--green);font-weight:400}.section-heading{max-width:700px;margin-bottom:45px}.section-heading>p,.about-copy>p,.process .section-heading>p{color:var(--muted);font-size:1.02rem;line-height:1.8;max-width:650px}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.service-card{position:relative;display:flex;flex-direction:column;min-height:300px;padding:28px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,rgba(17,33,50,.9),rgba(10,24,38,.82));transition:transform .2s ease,border-color .2s ease,background .2s ease}.service-card:hover{transform:translateY(-4px);border-color:#416a73;background:linear-gradient(145deg,#132a3b,#0e1d2d)}.service-icon{width:47px;height:47px;display:grid;place-items:center;border:1px solid rgba(101,228,190,.22);border-radius:13px;background:rgba(101,228,190,.07);margin-bottom:25px}.service-icon svg{width:23px;height:23px;stroke:var(--green);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.card-number{color:var(--green);font-size:.65rem;letter-spacing:.12em;font-weight:700;margin-bottom:11px}.service-card h3{margin-bottom:10px}.service-card p{color:var(--muted);font-size:.91rem;line-height:1.75;margin-bottom:24px}.text-link{display:inline-flex;align-items:center;gap:10px;color:var(--green);font-size:.86rem;font-weight:700;margin-top:auto}.text-link span{transition:transform .2s}.text-link:hover span{transform:translateX(4px)}.offers{background:#0b1725;border-block:1px solid #192b3d}.section-heading-center{text-align:center;margin-inline:auto}.section-heading-center .eyebrow{justify-content:center}.section-heading-center>p{margin-inline:auto}.offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;align-items:stretch}.offer-card{padding:29px;border:1px solid #2a3d50;border-radius:17px;background:#0d1b2a;display:flex;flex-direction:column}.offer-featured{border-color:rgba(101,228,190,.62);background:linear-gradient(160deg,rgba(29,74,75,.3),#0d1b2a 52%);box-shadow:0 18px 50px rgba(0,0,0,.14)}.offer-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.offer-label{font-size:.66rem;letter-spacing:.13em;color:var(--green);font-weight:800}.offer-index{font-family:Manrope,sans-serif;color:#40566a;font-size:1.4rem;font-weight:800}.offer-card h3{font-size:1.38rem;margin-bottom:12px}.offer-card>p{font-size:.91rem;color:var(--muted);line-height:1.75;min-height:78px}.offer-card ul{list-style:none;padding:0;margin:12px 0 28px;display:grid;gap:12px}.offer-card li{position:relative;padding-left:23px;color:#c0ccda;font-size:.86rem}.offer-card li:before{content:'✓';position:absolute;left:0;color:var(--green);font-weight:800}.offer-card .btn{margin-top:auto;align-self:flex-start}.offer-note{padding:18px 21px;border:1px solid #24384b;border-radius:12px;background:#0a1724;color:var(--muted);font-size:.9rem;margin:22px 0 0}.offer-note strong{color:var(--text)}.process-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:90px;align-items:start}.process .section-heading{position:sticky;top:110px}.process .section-heading .btn{margin-top:15px}.steps{border-top:1px solid var(--line)}.step{display:grid;grid-template-columns:58px 1fr;gap:20px;padding:25px 0;border-bottom:1px solid var(--line)}.step-num{font-family:Manrope,sans-serif;font-weight:800;font-size:1rem;color:var(--green);padding-top:2px}.step h3{margin-bottom:7px}.step p{color:var(--muted);font-size:.93rem;margin:0;line-height:1.75}.local-band{padding:37px 0;background:linear-gradient(100deg,#12302f,#10253a);border-block:1px solid #284b51}.local-content{display:grid;grid-template-columns:60px 1fr auto;align-items:center;gap:23px}.local-symbol{width:55px;height:55px;border-radius:16px;display:grid;place-items:center;background:rgba(101,228,190,.11);border:1px solid rgba(101,228,190,.2)}.local-symbol svg{width:26px;height:26px;stroke:var(--green);stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}.local-content .eyebrow{font-size:.66rem}.local-content h2{font-size:1.7rem;margin:8px 0}.local-content p{margin:0;color:#b7c8d2;font-size:.9rem;max-width:700px}.local-content>.btn{white-space:nowrap}.about{background:#0b1725}.about-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:90px;align-items:center}.about-visual{min-height:360px;display:grid;place-items:center;position:relative;overflow:hidden}.about-card{position:relative;z-index:2;width:min(300px,90%);padding:28px;border-radius:20px;border:1px solid #345062;background:linear-gradient(145deg,#142d3e,#0b1a2a);box-shadow:0 28px 75px rgba(0,0,0,.28);transform:rotate(-4deg)}.about-card-icon{font-family:Manrope,sans-serif;font-size:3.2rem;font-weight:800;letter-spacing:-.08em;color:var(--text)}.about-card-icon span{color:var(--green)}.about-card-line{height:8px;width:85%;margin-top:28px;border-radius:9px;background:#2b4356}.about-card-line.short{width:57%;margin-top:11px;background:#20374a}.about-card-bottom{display:flex;justify-content:space-between;border-top:1px solid #2a4255;padding-top:17px;margin-top:28px;font-size:.61rem;letter-spacing:.13em;color:var(--green);font-weight:800}.about-orbit{position:absolute;border:1px solid rgba(101,228,190,.16);border-radius:50%;aspect-ratio:1}.orbit-one{width:360px}.orbit-two{width:470px;border-style:dashed;border-color:rgba(101,228,190,.1)}.about-copy>p{margin-bottom:26px}.about-points{display:grid;gap:17px}.about-points>div{display:flex;gap:13px;align-items:flex-start}.about-points>div>span{display:grid;place-items:center;width:24px;height:24px;flex:0 0 24px;border-radius:50%;background:rgba(101,228,190,.1);color:var(--green);font-size:.8rem;font-weight:800}.about-points p{margin:0}.about-points b,.about-points small{display:block}.about-points b{font-size:.94rem}.about-points small{font-size:.84rem;color:var(--muted);margin-top:3px}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line);padding:21px 0}.faq-list summary{position:relative;cursor:pointer;list-style:none;padding-right:35px;font-weight:700;font-size:.98rem}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:2px;top:-5px;font-size:1.5rem;color:var(--green);font-weight:400}.faq-list details[open] summary:after{content:'−'}.faq-list details p{margin:14px 30px 0 0;color:var(--muted);font-size:.91rem;line-height:1.8}.contact-section{padding:105px 0;background:radial-gradient(ellipse at 20% 60%,rgba(31,109,100,.15),transparent 35%),#0a1624;border-top:1px solid var(--line)}.contact-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:85px;align-items:start}.contact-copy h2{font-size:clamp(2.4rem,4vw,3.6rem);margin-top:20px}.contact-copy>p{color:var(--muted);font-size:1rem;line-height:1.8;max-width:450px}.contact-method{display:flex;align-items:center;gap:13px;margin-top:24px}.contact-method-icon{width:43px;height:43px;display:grid;place-items:center;border:1px solid #2d495b;border-radius:12px;background:#102437;color:var(--green);font-size:1.1rem;font-weight:700}.contact-method small,.contact-method a{display:block}.contact-method small{font-size:.75rem;color:var(--muted);margin-bottom:3px}.contact-method a{font-weight:700}.contact-method a:hover{color:var(--green)}.privacy-hint{font-size:.78rem!important;margin-top:28px}.contact-form-wrap{padding:30px;border:1px solid #2b4054;border-radius:19px;background:#0e1c2b;box-shadow:var(--shadow)}.form-heading{margin-bottom:25px}.form-heading h3{font-size:1.4rem;margin-bottom:6px}.form-heading p{color:var(--muted);font-size:.82rem;margin:0}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:17px;min-width:0}.field label{font-size:.82rem;font-weight:700;color:#d9e3ed}.field input,.field select,.field textarea{width:100%;border:1px solid #30465b;border-radius:9px;background:#091725;color:var(--text);padding:12px 13px;min-height:46px;transition:border-color .2s}.field input::placeholder,.field textarea::placeholder{color:#6f8295}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--green);outline:0}.field textarea{resize:vertical;min-height:115px}.field select{color-scheme:dark}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-submit{width:100%;border:0;cursor:pointer;margin-top:4px}.form-legal{font-size:.73rem;color:#8fa0b1;line-height:1.6;margin:13px 0 0}.form-legal a{text-decoration:underline;text-underline-offset:3px}.form-msg{padding:13px 15px;border-radius:9px;font-size:.86rem;margin-bottom:20px}.form-msg a{text-decoration:underline}.form-msg.success{background:rgba(101,228,190,.09);border:1px solid rgba(101,228,190,.3);color:#b9f5df}.form-msg.error{background:rgba(242,166,90,.08);border:1px solid rgba(242,166,90,.35);color:#ffd5a8}.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.site-footer{background:#07111c;border-top:1px solid #1c2e40}.footer-top{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center;padding:38px 0 28px}.brand{display:inline-flex;align-items:center;gap:11px;width:max-content}.brand-mark{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;background:var(--green);color:#07141f;font-family:Manrope,sans-serif;font-weight:800;font-size:1.3rem}.brand-name{font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-.03em;font-size:1.02rem;line-height:1.1}.brand-name>span{color:var(--green)}.brand-name small{display:block;font-family:'DM Sans',sans-serif;font-size:.56rem;letter-spacing:.13em;color:#8296a9;font-weight:700;margin-top:5px}.footer-top>p{margin:0;color:var(--muted);text-align:right;font-size:.9rem}.footer-nav{grid-column:1/-1;display:flex;gap:23px;flex-wrap:wrap;padding-top:19px;border-top:1px solid #1d2d3e}.footer-nav a{font-size:.81rem;color:#a8b7c6}.footer-nav a:hover{color:var(--green)}.footer-bottom{display:flex;justify-content:space-between;gap:15px;padding:18px 0;border-top:1px solid #1d2d3e;color:#74889b;font-size:.74rem}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr 0.85fr;gap:28px}.hero-art{padding:15px}.hero-proof{gap:10px 13px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.process-layout,.about-grid,.faq-grid,.contact-grid{gap:48px}.offer-card{padding:24px}.local-content{grid-template-columns:55px 1fr}.local-content>.btn{grid-column:2;justify-self:start}.section{padding:90px 0}}
@media(max-width:720px){.container{width:min(100% - 36px,560px)}.section{padding:74px 0}.hero{padding:118px 0 48px}.hero-grid{grid-template-columns:1fr;gap:38px}.hero h1{font-size:clamp(2.55rem,11vw,3.75rem)}.hero-lead{font-size:1rem}.hero-art{max-width:510px;width:100%;margin-inline:auto}.network-svg{max-height:330px}.trust-inner{justify-content:center;gap:10px 13px;padding:17px 0;font-size:.59rem}.trust-inner b{display:none}.section-heading{margin-bottom:30px}.service-grid,.offer-grid{grid-template-columns:1fr}.service-card{min-height:0;padding:25px}.service-icon{margin-bottom:20px}.offer-card>p{min-height:0}.offer-card{padding:25px}.process-layout,.about-grid,.faq-grid,.contact-grid{grid-template-columns:1fr;gap:35px}.process .section-heading{position:static}.process .section-heading .btn{margin-top:4px}.step{grid-template-columns:42px 1fr;gap:12px;padding:22px 0}.local-content{grid-template-columns:48px 1fr;gap:16px}.local-symbol{width:46px;height:46px}.local-content h2{font-size:1.45rem}.local-content p{font-size:.86rem}.local-content>.btn{grid-column:1/-1}.about-visual{min-height:290px;order:2}.about-copy{order:1}.orbit-one{width:280px}.orbit-two{width:360px}.faq-grid{gap:22px}.contact-section{padding:76px 0}.contact-form-wrap{padding:22px}.form-row{grid-template-columns:1fr;gap:0}.footer-top{grid-template-columns:1fr;gap:17px}.footer-top>p{text-align:left}.footer-nav{gap:15px 20px}.footer-bottom{flex-direction:column;gap:6px}.hero-proof{font-size:.76rem}}
@media(max-width:390px){.hero-actions .btn{width:100%}.trust-inner{font-size:.54rem}.contact-form-wrap{padding:17px}.hero-art{padding:12px}.art-topline{font-size:.57rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Navigation */
.site-header{position:absolute;top:0;left:0;right:0;z-index:50;background:rgba(8,17,29,.84);border-bottom:1px solid rgba(54,76,97,.55);backdrop-filter:blur(14px)}.nav-inner{height:78px;display:flex;align-items:center;gap:25px}.main-nav{display:flex;align-items:center;gap:26px;margin-left:auto}.main-nav a{font-size:.83rem;color:#b4c1cf;transition:color .2s}.main-nav a:hover{color:var(--green)}.nav-cta{display:inline-flex;align-items:center;gap:10px;padding:10px 15px;border-radius:9px;background:rgba(101,228,190,.1);border:1px solid rgba(101,228,190,.25);color:var(--green);font-size:.81rem;font-weight:700}.menu-toggle{display:none;width:42px;height:42px;border:1px solid #2a4054;border-radius:10px;background:#0d1c2b;padding:11px;flex-direction:column;justify-content:center;gap:5px}.menu-toggle span{height:2px;width:100%;background:#e8f1f8;border-radius:2px}.mobile-nav{display:none;padding:10px 24px 20px;border-top:1px solid #1e3042;background:#091522}.mobile-nav a{display:block;padding:11px 0;color:#c0ccd8;font-size:.93rem;border-bottom:1px solid rgba(48,67,86,.45)}.mobile-nav a:last-child{color:var(--green);border:0;font-weight:700}.mobile-nav.open{display:block}
@media(max-width:900px){.main-nav{gap:16px}.main-nav a{font-size:.77rem}.nav-cta{font-size:.75rem;padding:9px 11px}.brand-name{font-size:.92rem}.brand-mark{width:35px;height:35px}}
@media(max-width:760px){.nav-inner{height:70px;gap:12px}.main-nav,.nav-cta{display:none}.menu-toggle{display:flex;margin-left:auto}.site-header{position:absolute}.brand-name small{font-size:.5rem}}

/* NDS-Net responsive scale update: more spacious desktop, carefully fitted mobile */
@media (min-width: 1200px){
  .container{width:min(1440px,calc(100% - 96px))}
  .section{padding:132px 0}
  .hero{padding:168px 0 92px;min-height:720px;display:flex;align-items:center}
  .hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:clamp(56px,5vw,100px);width:100%}
  h1{font-size:clamp(4.2rem,5vw,5.6rem);max-width:850px}
  h2{font-size:clamp(3rem,3.4vw,3.8rem)}
  .hero-lead{font-size:1.22rem;max-width:700px}
  .hero-art{padding:28px 30px 24px;border-radius:28px}
  .network-svg{max-height:470px}
  .trust-inner{min-height:86px;font-size:.78rem}
  .section-heading{max-width:850px;margin-bottom:58px}
  .section-heading>p,.about-copy>p,.process .section-heading>p{font-size:1.1rem;max-width:760px}
  .service-grid{gap:22px}
  .service-card{min-height:330px;padding:34px}
  .service-card h3{font-size:1.35rem}
  .service-card p,.offer-card>p{font-size:1rem}
  .offer-grid{gap:22px}
  .offer-card{padding:36px}
  .offer-card h3{font-size:1.55rem}
  .offer-card li{font-size:.95rem}
  .process-layout{gap:clamp(80px,8vw,140px)}
  .step{grid-template-columns:70px 1fr;gap:26px;padding:32px 0}
  .step p{font-size:1rem}
  .about-grid{gap:clamp(80px,8vw,140px)}
  .about-visual{min-height:440px}
  .about-card{width:340px;padding:34px}
  .orbit-one{width:420px}.orbit-two{width:540px}
  .faq-grid{gap:clamp(70px,7vw,120px)}
  .faq-list summary{font-size:1.08rem}
  .contact-section{padding:130px 0}
  .contact-grid{gap:clamp(70px,7vw,120px)}
  .contact-copy h2{font-size:clamp(3.2rem,4vw,4.2rem)}
  .contact-form-wrap{padding:38px}
  .field input,.field select,.field textarea{padding:14px 15px;min-height:52px}
}
@media (min-width: 1600px){.container{width:min(1500px,calc(100% - 120px))}.hero-grid{gap:110px}}
@media (max-width: 1199px) and (min-width: 761px){
  .container{width:min(100% - 64px,1120px)}
  .section{padding:100px 0}
  .hero{padding:132px 0 70px}
  h1{font-size:clamp(3rem,5vw,4.3rem)}
  .hero-grid{gap:32px}
}
@media (max-width: 760px){
  .container{width:calc(100% - 36px);max-width:560px}
  .section{padding:68px 0}
  .hero{padding:104px 0 42px;min-height:0}
  .hero-grid{gap:30px}
  .hero h1{font-size:clamp(2.45rem,9.8vw,3.35rem);line-height:1.08;margin:19px 0 17px;letter-spacing:-.04em}
  .hero-lead{font-size:1rem;line-height:1.7}
  .hero-actions{gap:10px;margin-top:23px}
  .btn{min-height:46px;padding:12px 15px;font-size:.88rem}
  .hero-proof{margin-top:22px;gap:9px 13px}
  .hero-art{padding:14px;border-radius:18px}
  .network-svg{max-height:300px}
  .art-caption{padding-top:13px}
  .trust-inner{min-height:0;padding:16px 0;font-size:.58rem;gap:9px 12px}
  h2{font-size:clamp(1.9rem,7.5vw,2.5rem);line-height:1.12}
  .section-heading{margin-bottom:28px}
  .section-heading>p,.about-copy>p,.process .section-heading>p{font-size:.96rem;line-height:1.7}
  .service-grid,.offer-grid{grid-template-columns:minmax(0,1fr);gap:13px}
  .service-card{padding:23px;min-height:0}
  .service-icon{margin-bottom:16px}
  .service-card p{font-size:.9rem;margin-bottom:18px}
  .offer-card{padding:23px}
  .offer-card>p{min-height:0}
  .process-layout,.about-grid,.faq-grid,.contact-grid{grid-template-columns:minmax(0,1fr);gap:30px}
  .process .section-heading{position:static}
  .step{grid-template-columns:38px minmax(0,1fr);gap:10px;padding:19px 0}
  .local-band{padding:28px 0}
  .local-content{grid-template-columns:42px minmax(0,1fr);gap:13px}
  .local-symbol{width:42px;height:42px}
  .local-content h2{font-size:1.35rem}
  .local-content>.btn{grid-column:1/-1;width:100%}
  .about-visual{min-height:260px;order:2}
  .about-copy{order:1}
  .orbit-one{width:250px}.orbit-two{width:320px}
  .faq-grid{gap:15px}
  .faq-list details{padding:18px 0}
  .faq-list summary{font-size:.94rem}
  .contact-section{padding:66px 0}
  .contact-copy h2{font-size:clamp(2.25rem,9vw,3rem)}
  .contact-form-wrap{padding:20px;border-radius:15px}
  .form-row{grid-template-columns:minmax(0,1fr);gap:0}
  .field input,.field select,.field textarea{font-size:16px;min-height:48px}
  .form-submit{width:100%}
  .footer-top{grid-template-columns:minmax(0,1fr);padding:30px 0 22px}
  .footer-top>p{text-align:left}
  .footer-nav{gap:12px 18px}
  .footer-bottom{flex-direction:column;gap:7px;padding:16px 0}
}
@media (max-width: 390px){
  .container{width:calc(100% - 28px)}
  .hero{padding-top:96px}
  .hero h1{font-size:2.35rem}
  .hero-actions .btn{width:100%}
  .hero-art{padding:10px}
  .contact-form-wrap{padding:16px}
  .brand{gap:8px}.brand-mark{width:34px;height:34px}
}

/* NDS-Net readability and wide-screen refinement */
html{font-size:17px}
body{font-size:1.06rem;line-height:1.75}
.container{width:min(1600px,calc(100% - 80px))}
.section{padding:clamp(88px,7vw,132px) 0}
.eyebrow{font-size:.86rem;letter-spacing:.11em}
h1{font-size:clamp(3.25rem,5.1vw,5.8rem);line-height:1.08}
h2{font-size:clamp(2.45rem,3.5vw,3.75rem);line-height:1.12}
h3{font-size:1.42rem;line-height:1.25}
.hero{padding-top:clamp(145px,12vw,190px);padding-bottom:clamp(80px,7vw,115px)}
.hero-grid{gap:clamp(48px,5vw,100px)}
.hero-lead{font-size:1.25rem;line-height:1.8;max-width:760px}
.btn{font-size:1rem;min-height:52px;padding:15px 23px}
.hero-proof{font-size:.94rem;gap:14px 24px}
.art-topline{font-size:.78rem}.art-status{font-size:.75rem}
.art-caption b{font-size:1rem}.art-caption small{font-size:.9rem}
.trust-inner{font-size:.8rem;min-height:84px;letter-spacing:.08em}
.section-heading{max-width:900px;margin-bottom:56px}
.section-heading>p,.about-copy>p,.process .section-heading>p{font-size:1.12rem;line-height:1.85;max-width:820px}
.service-grid,.offer-grid{gap:22px}
.service-card{padding:clamp(28px,2.2vw,40px);min-height:340px}
.service-icon{width:54px;height:54px}.service-icon svg{width:27px;height:27px}
.service-card h3,.offer-card h3{font-size:1.5rem}
.service-card p,.offer-card>p{font-size:1.02rem;line-height:1.8}
.card-number,.offer-label{font-size:.78rem}
.text-link{font-size:.98rem}
.offer-card{padding:clamp(30px,2.4vw,42px)}
.offer-card li{font-size:.98rem;line-height:1.65}
.offer-note{font-size:1rem;line-height:1.75}
.process-layout{gap:clamp(55px,7vw,120px)}
.step{grid-template-columns:68px 1fr;gap:24px;padding:30px 0}
.step-num{font-size:1.2rem}.step h3{font-size:1.4rem}.step p{font-size:1.02rem;line-height:1.8}
.local-content h2{font-size:2rem}.local-content p{font-size:1rem;line-height:1.75}
.about-grid{gap:clamp(55px,7vw,120px)}
.about-points b{font-size:1.05rem}.about-points small{font-size:.96rem;line-height:1.7}
.faq-list summary{font-size:1.08rem;line-height:1.6}.faq-list details p{font-size:1rem;line-height:1.8}
.contact-section{padding:clamp(90px,7vw,130px) 0}
.contact-grid{gap:clamp(55px,7vw,115px)}
.contact-copy>p{font-size:1.12rem;line-height:1.8}
.contact-method small{font-size:.9rem}.contact-method a{font-size:1.05rem}
.contact-form-wrap{padding:clamp(28px,3vw,44px)}
.form-heading h3{font-size:1.55rem}.form-heading p{font-size:.98rem;line-height:1.7}
.field label{font-size:.96rem}.field input,.field select,.field textarea{font-size:1rem;min-height:54px;padding:14px 15px}.field textarea{min-height:140px}
.form-legal{font-size:.86rem;line-height:1.7}.form-msg{font-size:.98rem}
.brand-name{font-size:1.12rem}.brand-name small{font-size:.68rem}.brand-mark{width:44px;height:44px;font-size:1.45rem}
.footer-top>p{font-size:1rem}.footer-nav a{font-size:.95rem}.footer-bottom{font-size:.86rem}
.main-nav a{font-size:.95rem}.nav-cta{font-size:.93rem;padding:12px 17px}
.mobile-nav a{font-size:1.05rem;padding:14px 0}
@media(min-width:1600px){
  .container{width:min(1680px,calc(100% - 120px))}
  .hero-grid{gap:110px}
}
@media(max-width:1199px){
  .container{width:calc(100% - 64px)}
  .hero-grid{gap:36px}
  .section{padding:88px 0}
}
@media(max-width:760px){
  html{font-size:16px}
  body{font-size:1.05rem;line-height:1.72}
  .container{width:calc(100% - 36px);max-width:680px}
  .section{padding:68px 0}
  .hero{padding:108px 0 50px}
  .hero-grid{grid-template-columns:minmax(0,1fr);gap:32px}
  h1,.hero h1{font-size:clamp(2.55rem,10.5vw,3.7rem);line-height:1.1;letter-spacing:-.04em}
  h2{font-size:clamp(2rem,8vw,2.8rem);line-height:1.14}
  h3{font-size:1.3rem}
  .eyebrow{font-size:.78rem;letter-spacing:.09em}
  .hero-lead{font-size:1.08rem;line-height:1.75}
  .hero-actions{gap:12px}.btn{font-size:.98rem;min-height:50px;padding:13px 17px}
  .hero-proof{font-size:.88rem;gap:10px 15px}
  .hero-art{padding:17px;border-radius:18px}.art-topline{font-size:.68rem}.art-status{font-size:.66rem}
  .art-caption b{font-size:.96rem}.art-caption small{font-size:.84rem}
  .trust-inner{font-size:.68rem;line-height:1.5;gap:10px 14px;padding:16px 0}
  .section-heading{margin-bottom:30px}.section-heading>p,.about-copy>p,.process .section-heading>p{font-size:1.02rem;line-height:1.75}
  .service-grid,.offer-grid{grid-template-columns:minmax(0,1fr);gap:15px}
  .service-card{padding:25px;min-height:0}.service-icon{width:48px;height:48px;margin-bottom:19px}
  .service-card h3,.offer-card h3{font-size:1.32rem}.service-card p,.offer-card>p{font-size:1rem;line-height:1.75;margin-bottom:18px}
  .text-link{font-size:.96rem}.offer-card{padding:25px}.offer-card li{font-size:.96rem;line-height:1.65}.offer-note{font-size:.94rem;line-height:1.7}
  .process-layout,.about-grid,.faq-grid,.contact-grid{grid-template-columns:minmax(0,1fr);gap:30px}
  .process .section-heading{position:static}.step{grid-template-columns:42px minmax(0,1fr);gap:12px;padding:22px 0}.step-num{font-size:1rem}.step h3{font-size:1.25rem}.step p{font-size:.98rem;line-height:1.75}
  .local-content{grid-template-columns:46px minmax(0,1fr);gap:14px}.local-symbol{width:44px;height:44px}.local-content h2{font-size:1.4rem}.local-content p{font-size:.94rem}.local-content>.btn{grid-column:1/-1;width:100%}
  .about-visual{min-height:270px}.about-points b{font-size:1rem}.about-points small{font-size:.92rem;line-height:1.65}
  .faq-list summary{font-size:1rem}.faq-list details p{font-size:.96rem;line-height:1.75}
  .contact-section{padding:68px 0}.contact-copy h2{font-size:clamp(2.2rem,9vw,3rem)}.contact-copy>p{font-size:1.02rem}
  .contact-form-wrap{padding:22px;border-radius:16px}.form-heading h3{font-size:1.3rem}.form-heading p{font-size:.92rem}
  .form-row{grid-template-columns:minmax(0,1fr);gap:0}.field label{font-size:.94rem}.field input,.field select,.field textarea{font-size:16px;min-height:50px;padding:13px}.field textarea{min-height:125px}.form-legal{font-size:.82rem}
  .footer-top{grid-template-columns:minmax(0,1fr);gap:16px;padding:30px 0 22px}.footer-top>p{text-align:left;font-size:.94rem}.footer-nav{gap:12px 18px}.footer-nav a{font-size:.9rem}.footer-bottom{flex-direction:column;gap:7px;font-size:.82rem}
  .main-nav,.nav-cta{display:none}.menu-toggle{display:flex;margin-left:auto}.nav-inner{height:70px;gap:12px}.brand-name{font-size:.98rem}.brand-name small{font-size:.56rem}.brand-mark{width:38px;height:38px}.mobile-nav a{font-size:1rem;padding:13px 0}
}
@media(max-width:390px){
  .container{width:calc(100% - 28px)}.hero{padding-top:98px}.hero h1{font-size:2.35rem}.hero-actions .btn{width:100%}.hero-art{padding:12px}.contact-form-wrap{padding:17px}.trust-inner{font-size:.64rem}
}