@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&family=Inter:wght@300;400;500;600;700;800;900&family=Zen+Kaku+Gothic+New:wght@500;700;900&display=swap');

:root {
  --white: #fff;
  --off-white: #f5f8fb;
  --gray-border: #e4e9f0;
  --text: #0e1525;
  --text-sub: #4a5568;
  --text-muted: #8a94a6;
  --primary: #5ab4ef;
  --primary-deep: #3a9de0;
  --primary-soft: rgba(90,180,239,.06);
  --dark: #0c1222;
  --font-jp: "Noto Sans JP","Hiragino Kaku Gothic ProN",sans-serif;
  --font-hero: "Zen Kaku Gothic New","Noto Sans JP",sans-serif;
  --font-en: "Inter",-apple-system,BlinkMacSystemFont,sans-serif;
  --ease: cubic-bezier(.16,1,.3,1);
  /* Contact: 白フィールド上で区切りがはっきりする枠（セクション灰背景との兼ね合い） */
  --cf-field-border:#b8c4d4;
  --cf-field-border-hover:#9eb0c4;
  --cf-inline-label:minmax(132px,28%);
  --cf-inline-gap:12px 13px;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:auto;overflow-x:hidden}
body{position:relative;background:var(--white);color:var(--text);font-family:var(--font-jp);-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:-1;background:url(../img/background.jpg) center/cover no-repeat;opacity:.25;pointer-events:none}
a{color:inherit;text-decoration:none}
ul{list-style:none}

.wrap{max-width:1200px;margin:0 auto;padding:0 clamp(28px,5vw,72px)}

/* ── NAV ── */
.nav{position:fixed;top:0;left:-1px;right:-1px;z-index:1000;padding:20px 0;transition:background .4s,box-shadow .4s,padding .35s var(--ease);transform:translateZ(0)}
.nav.scrolled{background:rgba(255,255,255,.94);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 1px 0 rgba(0,0,0,.05);padding:14px 0}

.nav-inner{display:flex;align-items:center;justify-content:space-between}

.logo{display:flex;align-items:center;gap:12px;transition:opacity .3s}
.logo:hover{opacity:.8}
.logo-img{height:32px;width:auto;opacity:0;transition:opacity .4s}
.nav.scrolled .logo-img{opacity:1}

.nav-links{display:flex;align-items:center;gap:32px}
.nav-links a{font-family:var(--font-en);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;position:relative;transition:color .25s}
.nav-links a::after{content:"";position:absolute;bottom:-3px;left:0;width:0;height:1.5px;transition:width .35s var(--ease)}
.nav-links a:hover::after{width:100%}

.nav-links a.nav-cta{padding:8px 24px;border-radius:100px;font-size:11px;transition:background .25s,color .25s}
.nav-links a.nav-cta::after{display:none}

/* nav colors – transparent (no bg, over hero) */
.nav:not(.scrolled) .nav-links a{color:rgba(255,255,255,.55)}
.nav:not(.scrolled) .nav-links a:hover{color:#fff}
.nav:not(.scrolled) .nav-links a::after{background:#fff}
.nav:not(.scrolled) .nav-links a.nav-cta{background:rgba(255,255,255,.12);color:#fff}
.nav:not(.scrolled) .nav-links a.nav-cta:hover{background:rgba(255,255,255,.25);color:#fff}

/* nav colors – scrolled (white bg) */
.nav.scrolled .nav-links a{color:var(--text-sub)}
.nav.scrolled .nav-links a:hover{color:var(--text)}
.nav.scrolled .nav-links a::after{background:var(--primary)}
.nav.scrolled .nav-links a.nav-cta{background:var(--primary);color:#fff}
.nav.scrolled .nav-links a.nav-cta:hover{background:var(--primary-deep)}

/* ── HERO ── */
.hero{min-height:100vh;position:relative;overflow:hidden;background:#7d7f82;color:var(--text)}

.hero-visual{position:absolute;inset:0;z-index:0;background-color:#7d7f82}
.hero-video{width:100%;height:100%;object-fit:cover;object-position:center;opacity:.5;filter:hue-rotate(15deg) saturate(0.9) contrast(1.05)}
.hero-visual::before{content:"";position:absolute;inset:0;z-index:1;background:rgba(60,65,75,.3);pointer-events:none}
.hero-visual::after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(80,85,95,.35) 0%,rgba(100,105,115,.2) 55%,rgba(120,125,135,.05) 100%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);pointer-events:none}

.hero-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding-top:100px;padding-bottom:140px;font-family:var(--font-hero);text-align:center;background:transparent}
.hero-logo-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;margin-top:-32px;margin-bottom:32px;width:clamp(100px,14vw,170px);height:clamp(100px,14vw,170px);background:#fff;border-radius:50%}
.hero-logo{height:175%;width:auto;max-height:175%;object-fit:contain;object-position:center;filter:brightness(.95) saturate(.9)}
.hero h1{font-size:clamp(32px,5vw,56px);font-weight:900;line-height:1.3;letter-spacing:.2em;margin-bottom:20px;color:#fff}
.hero-tagline{font-size:clamp(14px,1.5vw,18px);font-weight:500;letter-spacing:.28em;color:rgba(255,255,255,.8)}

.hero-scroll{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);z-index:2}
.hero-scroll-inner{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 0;font-family:var(--font-en);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.5);animation:bob 2.4s ease-in-out infinite}
.hero-scroll-line{display:block;width:1px;height:44px;background:linear-gradient(to bottom,rgba(255,255,255,.5),transparent)}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(10px)}}

@media(max-width:768px){
  body::before{background-position:65% center}
  .hero-video{object-position:65% center}
  .hero-visual::after{background:linear-gradient(180deg,rgba(80,85,95,.4) 0%,rgba(100,105,115,.2) 60%,rgba(120,125,135,.08) 100%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
  .hero-content{padding-top:120px;padding-bottom:100px}
}

/* ── SECTIONS ── */
.sec{padding:clamp(80px,12vw,152px) 0;background:rgba(255,255,255,.88)}
#services{background:rgba(255,255,255,.78)}
#company{background:rgba(255,255,255,.95)}
.sec--gray{background:rgba(245,248,251,.75)}
.sec--dark{background:rgba(232,234,237,.75);color:var(--text)}
#contact{background:rgba(232,234,237,.9)}
#contact .sec-head{margin-bottom:0}
#contact .sec-head .cta-sub{margin-bottom:0}
#contact .contact-divider{display:flex;align-items:center;gap:14px;margin:clamp(20px,3vw,32px) 0 clamp(36px,5vw,56px);max-width:720px}
#contact .contact-divider__dot{flex-shrink:0;width:6px;height:6px;border-radius:50%;background:var(--primary);opacity:.4}
#contact .contact-divider__line{flex:0 0 min(200px,42vw);height:1px;background:linear-gradient(90deg,var(--primary),rgba(90,180,239,.12))}
#contact .cta-grid{width:min(860px,100%);margin-inline:auto}
@media(min-width:769px){
  #contact .contact-title-br{display:none}
}
.sec-label{font-family:var(--font-en);font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--primary);margin-bottom:18px}
.sec-title{font-size:clamp(26px,4.2vw,52px);font-weight:900;line-height:1.2;letter-spacing:-.02em;margin-bottom:18px}
.sec-sub{font-size:clamp(13px,1.2vw,15px);font-weight:300;line-height:2;color:var(--text-sub);max-width:500px}
.sec--dark .sec-sub{color:var(--text-sub)}
.sec-head{margin-bottom:clamp(44px,6vw,72px)}

/* ── SERVICES 4-COL ── */
.srv-row{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.srv{padding:clamp(24px,3vw,44px);border-right:1px solid var(--gray-border);transition:background .35s}
.srv:last-child{border-right:none}
.srv:hover{background:var(--primary-soft)}
.srv-num{font-family:var(--font-en);font-size:11px;font-weight:700;color:var(--text-muted);margin-bottom:28px;display:flex;align-items:center;gap:8px}
.srv-num::after{content:"";flex:1;height:1px;background:var(--gray-border)}
.srv-en{font-family:var(--font-en);font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--primary);margin-bottom:8px}
.srv h3{font-size:clamp(15px,1.4vw,19px);font-weight:700;line-height:1.5;margin-bottom:14px}
.srv p{font-size:13px;line-height:1.9;color:var(--text-sub)}
.srv ul{margin-top:16px;display:flex;flex-direction:column;gap:5px}
.srv li{font-size:12px;color:var(--text-sub);padding-left:14px;position:relative;line-height:1.7}
.srv li::before{content:"";position:absolute;left:0;top:8px;width:5px;height:1px;background:var(--primary)}
.srv--link{display:block}

/* ── FIGURES ── */
.fig-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,6vw,96px);align-items:center}
.fig-quote{margin-top:28px;padding:24px 28px;background:rgba(0,0,0,.04);border-radius:14px;border-left:3px solid var(--primary);font-size:14px;line-height:2;color:var(--text-sub)}
.fig-cards{display:flex;flex-direction:column;gap:14px}
.fig-card{padding:24px 28px;border:1px solid rgba(0,0,0,.08);border-radius:14px;background:rgba(255,255,255,.6);transition:background .3s,border-color .3s}
.fig-card:hover{background:rgba(255,255,255,.9);border-color:rgba(90,180,239,.4)}
.fig-card-en{font-family:var(--font-en);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--primary);margin-bottom:5px}
.fig-card h4{font-size:15px;font-weight:700;margin-bottom:5px}
.fig-card p{font-size:13px;color:var(--text-sub);line-height:1.7}

/* ── POPUP (gray) ── */
.popup-catch-wrap{width:100%;display:flex;flex-direction:column;align-items:center;gap:20px}
.popup-catch-wrap > div:last-child{width:100%;text-align:center}
.popup-catch-icon{width:clamp(64px,10vw,96px);height:clamp(64px,10vw,96px);border-radius:50%;overflow:hidden;background:var(--white);border:2px solid var(--gray-border);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.popup-catch-icon img{width:135%;height:135%;object-fit:contain}
.popup-catch{font-size:clamp(20px,3.2vw,38px);font-weight:900;text-align:center;line-height:1.3;margin-bottom:18px}
.popup-catch em{font-style:normal;color:var(--primary)}
.popup-catch-sub{text-align:center;font-size:14px;font-weight:300;line-height:2;color:var(--text-sub);max-width:460px;margin:0 auto clamp(32px,5vw,48px)}
.popup-divider{width:120px;height:1px;background:rgba(0,0,0,.12);margin:0 auto clamp(32px,5vw,48px)}
.feat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.feat{padding:clamp(22px,2.6vw,32px);background:var(--white);border-radius:18px;border:1px solid var(--gray-border);text-align:center;transition:border-color .3s,box-shadow .3s}
.feat:hover{border-color:var(--primary);box-shadow:0 16px 52px rgba(90,180,239,.1)}
.feat-icon{width:48px;height:48px;margin:0 auto 16px;border-radius:12px;background:var(--off-white);display:grid;place-items:center;font-size:20px;color:var(--primary);transition:background .3s}
.feat-icon svg{width:22px;height:22px}
.feat:hover .feat-icon{background:var(--primary-soft)}
.feat h4{font-size:13px;font-weight:700;line-height:1.6;margin-bottom:8px}
.feat p{font-size:12px;color:var(--text-sub);line-height:1.8}

/* ── COMPANY TABLE ── */
.co-table{width:100%;max-width:720px;border-collapse:collapse}
.co-table th,.co-table td{padding:20px 0;font-size:15px;line-height:1.7;border-bottom:1px solid var(--gray-border);text-align:left;vertical-align:top}
.co-table th{width:120px;font-weight:600;color:var(--text-muted);font-size:13px;letter-spacing:.04em;white-space:nowrap;padding-right:32px}
.co-table td{color:var(--text)}
.co-table tr:last-child th,.co-table tr:last-child td{border-bottom:none}

/* ── CTA / CONTACT ── */
.cta-grid{display:grid;grid-template-columns:1fr;gap:clamp(40px,6vw,64px);align-items:start}
.cta-copy{position:static}
.cta-title{font-size:clamp(26px,3.6vw,44px);font-weight:900;line-height:1.25;letter-spacing:-.02em;margin-bottom:20px;color:var(--text)}
.cta-sub{font-size:14px;font-weight:300;line-height:2;color:var(--text-sub);margin-bottom:32px}
.cta-tags{display:grid;grid-template-columns:1fr 1fr;gap:1px 0;max-width:420px}
.cta-tag{display:flex;align-items:center;gap:12px;padding:12px 0;font-size:13px;font-weight:500;color:var(--text-sub);border-bottom:1px solid rgba(0,0,0,.06);transition:color .25s}
.cta-tag:nth-child(odd){padding-right:20px;border-right:1px solid rgba(0,0,0,.06)}
.cta-tag:nth-child(even){padding-left:20px}
.cta-tag:nth-last-child(-n+2){border-bottom:none}
.cta-tag::before{content:"";flex-shrink:0;width:6px;height:6px;border-radius:50%;background:var(--primary);opacity:.5}
.cta-tag:hover{color:var(--text)}
.cta-tag:hover::before{opacity:1}

/* ── CONTACT FORM ── */
.cf-wrap{position:relative;width:100%;max-width:min(860px,100%);margin-inline:0}
.cf{display:flex;flex-direction:column;align-items:stretch;padding:0;background:transparent;border:none;border-radius:0;box-shadow:none}
.cf-fields{align-self:stretch;width:100%;display:flex;flex-direction:column;gap:16px;margin-bottom:24px}
.cf-field--inline{display:grid;grid-template-columns:var(--cf-inline-label) 1fr;gap:var(--cf-inline-gap);align-items:center;min-width:0}
.cf-field--inline.cf-field--message{align-items:start}
.cf-field--inline .cf-label{margin-bottom:0}
.cf-field--inline.cf-field--message .cf-label{padding-top:10px}
.cf-field--inline .cf-select-wrap,.cf-field--inline>input,.cf-field--inline>textarea{min-width:0}
.cf-field--message textarea{min-height:140px}
.cf .cf-label{display:block;font-size:14px;font-weight:600;letter-spacing:.04em;color:var(--text);line-height:1.5;margin-bottom:7px}
.cf-req{color:var(--primary);margin-left:3px}
.cf input,.cf select,.cf textarea{width:100%;padding:12px 12px;border:1px solid var(--cf-field-border);border-radius:6px;background:var(--white);color:var(--text);font-family:var(--font-jp);font-size:14px;transition:border-color .25s,background .25s,box-shadow .25s;outline:none;box-shadow:none}
.cf input:hover,.cf textarea:hover{border-color:var(--cf-field-border-hover)}
.cf input::placeholder,.cf textarea::placeholder{color:var(--text-muted)}
.cf input:focus,.cf select:focus,.cf textarea:focus{border-color:var(--primary);background:var(--white);box-shadow:0 0 0 3px var(--primary-soft)}
.cf-select-wrap:hover select{border-color:var(--cf-field-border-hover);background:var(--white)}
.cf-select-wrap select option:hover,.cf-select-wrap select option:focus,.cf-select-wrap select option:checked{background:var(--primary-soft);color:var(--text)}
.cf textarea{resize:vertical;min-height:120px;line-height:1.8}
.cf-select-wrap{position:relative}
.cf-select-wrap select{appearance:none;-webkit-appearance:none;cursor:pointer}
.cf-select-wrap select option{background:var(--white);color:var(--text)}
.cf-select-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-sub);opacity:.75;pointer-events:none}
.cf-submit-row{display:flex;justify-content:center;width:100%;margin-top:4px;padding-top:20px}
.cf-submit{box-sizing:border-box;width:min(500px,100%);display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:15px 40px;background:var(--primary);color:#fff;border:none;border-radius:999px;font-family:var(--font-jp);font-size:14px;font-weight:600;letter-spacing:.06em;cursor:pointer;box-shadow:0 2px 8px rgba(90,180,239,.22);transition:background .25s,box-shadow .25s,opacity .25s,transform .2s}
.cf-submit:hover{background:var(--primary-deep);box-shadow:0 6px 20px rgba(90,180,239,.32)}
.cf-submit:active{transform:translateY(1px);box-shadow:0 2px 10px rgba(90,180,239,.2)}
.cf-submit:disabled{opacity:.5;cursor:not-allowed}
.cf-submit-loading{display:none;align-items:center;gap:6px}
.cf-submit-loading.active{display:inline-flex}
.cf-spinner{width:16px;height:16px;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.cf-success{display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(4px,1vw,8px) 0 clamp(8px,2vw,12px)}
.cf-success[hidden]{display:none!important}
.cf-success:not([hidden]){display:flex}
.cf-success-icon{width:48px;height:48px;margin:0 auto 18px;border-radius:50%;background:var(--primary-soft);display:grid;place-items:center}
.cf-success-icon svg{width:24px;height:24px;color:var(--primary)}
.cf-success-text{font-size:14px;line-height:2;color:var(--text-sub);margin-bottom:22px;max-width:36em}
.cf-success-close{padding:10px 24px;border-radius:999px;border:1px solid var(--primary);background:transparent;color:var(--primary);font-family:var(--font-jp);font-size:13px;font-weight:600;cursor:pointer;transition:background .25s,color .25s}
.cf-success-close:hover{background:var(--primary-soft);color:var(--primary-deep)}
#contactForm[hidden]{display:none!important}
.cf.is-invalid input:invalid,.cf.is-invalid select:invalid,.cf.is-invalid textarea:invalid{border-color:rgba(239,90,90,.6)}

/* ── FOOTER ── */
footer{background:#d1d5db;padding:24px 0 32px;border-top:1px solid rgba(0,0,0,.06)}
.foot-row{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-en);font-size:11px;color:var(--text-muted);letter-spacing:.04em}
.foot-left{display:flex;align-items:center;gap:24px}
.foot-pp{color:var(--text-sub);transition:color .25s}
.foot-pp:hover{color:var(--text)}
.foot-social{display:flex;gap:16px}
.foot-social a{width:32px;height:32px;border-radius:8px;border:1px solid rgba(0,0,0,.1);display:grid;place-items:center;color:var(--text-muted);transition:color .25s,border-color .25s,background .25s}
.foot-social a:hover{color:var(--text);border-color:var(--primary);background:var(--primary-soft)}
.foot-social svg{width:15px;height:15px}

/* ── BURGER / MOBILE MENU ── */
.burger{display:none;position:fixed;top:24px;right:clamp(28px,5vw,72px);flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;background:none;border:none;padding:0;z-index:1100}
.burger span{display:block;width:20px;height:1.5px;background:rgba(255,255,255,.5);border-radius:1px;transition:transform .3s,opacity .3s,background .3s}
.nav.scrolled ~ .burger{top:16px}
.nav.scrolled ~ .burger:not(.open) span{background:var(--text)}
.burger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.burger.open span:nth-child(2){opacity:0}
.burger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
.burger.open span{background:var(--text)}
.burger.open{top:24px}

.mobile-menu{display:none;flex-direction:column;align-items:center;justify-content:center;gap:28px;position:fixed;inset:0;z-index:1050;background:rgba(255,255,255,.98);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);opacity:0;pointer-events:none;transition:opacity .35s}
.mobile-menu.open{opacity:1;pointer-events:auto}
.mobile-menu a{font-family:var(--font-en);font-size:14px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-sub);transition:color .25s}
.mobile-menu a:hover{color:var(--text)}

/* ── TO-TOP ── */
.to-top{position:fixed;bottom:76px;right:28px;z-index:900;padding:0;border:none;background:transparent;cursor:pointer;opacity:0;pointer-events:none;transform:translate3d(0,12px,0);transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1);will-change:opacity,transform}
.to-top.show{opacity:1;pointer-events:auto;transform:translate3d(0,0,0)}
.to-top.hiding{opacity:0;pointer-events:none;transform:translate3d(0,12px,0)}
.to-top.hiding:hover{opacity:0}
.to-top:hover{opacity:1}
.to-top-arrow{position:absolute;bottom:20px;left:-4px;width:24px;height:24px;background:#a8d4f0;color:#fff;border-radius:50%;display:grid;place-items:center;box-shadow:0 2px 8px rgba(90,180,239,.25);transition:background .25s}
.to-top:hover .to-top-arrow{background:var(--primary)}
.to-top-arrow svg{width:14px;height:14px}
.to-top-img{display:block;height:64px;width:auto;object-fit:contain}

/* ── PRIVACY POLICY PAGE ── */
body.pp-page::before{background:#fff;opacity:1}
.pp{padding:140px 0 80px}
.pp-title{font-size:clamp(24px,3.5vw,36px);font-weight:900;margin-bottom:40px;letter-spacing:-.01em}
.pp-intro{font-size:14px;line-height:2;color:var(--text-sub);margin-bottom:40px}
.pp-section{margin-bottom:36px}
.pp-section h2{font-size:15px;font-weight:700;margin-bottom:12px}
.pp-section p{font-size:14px;line-height:2;color:var(--text-sub)}
.pp-section ul{margin-top:10px;padding-left:1.2em;list-style:disc}
.pp-section li{font-size:14px;line-height:2;color:var(--text-sub)}
.pp-footer{margin-top:48px;padding-top:32px;border-top:1px solid var(--gray-border);font-size:14px;line-height:2;color:var(--text-sub)}

/* ── REVEAL ── */
.rv{opacity:0;transform:translateY(36px);transition:opacity .85s var(--ease),transform .85s var(--ease)}
.rv.visible{opacity:1;transform:none}
.rv-d1{transition-delay:.1s}.rv-d2{transition-delay:.2s}.rv-d3{transition-delay:.3s}

/* ── RESPONSIVE ── */
@media(max-width:1024px){
  .srv-row{grid-template-columns:repeat(2,1fr)}
  .srv{border-right:none;border-bottom:1px solid var(--gray-border)}
  .srv:nth-child(odd){border-right:1px solid var(--gray-border)}
  .srv:nth-last-child(-n+2){border-bottom:none}
  .feat-row{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
  .wrap{padding:0 28px}
  .nav-links{display:none}
  .burger{display:flex}
  .mobile-menu{display:flex}
  .hero h1{font-size:clamp(22px,6vw,32px)}
  .hero-tagline{font-size:clamp(12px,3vw,14px)}
  .sec-title{font-size:clamp(22px,6vw,36px)}
  .popup-catch{font-size:clamp(18px,5vw,30px)}
  .srv-row,.feat-row{grid-template-columns:1fr}
  .srv{border-right:none!important;border-bottom:1px solid var(--gray-border)}
  .srv:last-child{border-bottom:none}
  .fig-grid{grid-template-columns:1fr}
  .cta-tags{grid-template-columns:1fr;max-width:none}
  .cta-tag:nth-child(odd){padding-right:0;border-right:none}
  .cta-tag:nth-child(even){padding-left:0}
  .cta-tag:nth-last-child(-n+2){border-bottom:1px solid rgba(0,0,0,.06)}
  .cta-tag:last-child{border-bottom:none}
  .cf-field--inline{grid-template-columns:1fr;gap:8px;align-items:stretch}
  .cf-field--inline.cf-field--message .cf-label{padding-top:0}
  .cf-field--inline .cf-label{margin-bottom:0}
  .cf-submit-row{margin-top:12px;padding-top:12px}
  .cf-submit{max-width:none;width:100%;padding-left:18px;padding-right:18px}
  .co-table th{width:auto;display:block;padding-bottom:2px;border-bottom:none}
  .co-table td{display:block;padding-top:0;padding-bottom:20px}
}
@media(max-width:480px){
  .wrap{padding:0 24px}
  .sec{padding:60px 0}
  .hero{min-height:100svh}
  .burger{right:24px}
}