/* ████████████████████████████████████████████████████████████████████
   SHOPIFY STORE DESIGN — "design studio / artboard" page, no page wrapper
   sdh hero · sdw why-design · sdv services · sdt template-vs-custom · sdp process · sdn cannot-fix
   sdm metro case · sdi industries · sdr pricing · sdy why-tbp · sdf faq · sdz contact
   ████████████████████████████████████████████████████████████████████ */
:root{
  --sd-brand:#fa294f;--sd-brand2:#ff3d63;--sd-ink:#0d0b14;--sd-black:#050608;--sd-ground:#f4f2ee;--sd-paper:#fbfafb;
  --sd-mute:#5c5866;--sd-soft:#8a8694;--sd-line:rgba(13,11,20,.12);--sd-green:#00a876;--sd-ease:cubic-bezier(.16,1,.3,1);
  --sd-figma:#0c8ce9;--sd-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
.sdh svg,.sdw svg,.sdv svg,.sdt svg,.sdp svg,.sdn svg,.sdm svg,.sdi svg,.sdr svg,.sdy svg,.sdf svg,.sdz svg{width:1em;height:1em;flex-shrink:0}
.sdh-wrap,.sdw-wrap,.sdv-wrap,.sdt-wrap,.sdp-wrap,.sdn-wrap,.sdm-wrap,.sdi-wrap,.sdr-wrap,.sdy-wrap,.sdf-wrap,.sdz-wrap{max-width:1320px;margin:0 auto;padding:0 20px}
@media(min-width:768px){.sdh-wrap,.sdw-wrap,.sdv-wrap,.sdt-wrap,.sdp-wrap,.sdn-wrap,.sdm-wrap,.sdi-wrap,.sdr-wrap,.sdy-wrap,.sdf-wrap,.sdz-wrap{padding:0 32px}}
.sdw-h2,.sdv-h2,.sdt-h2,.sdp-h2,.sdn-h2,.sdm-h2,.sdi-h2,.sdr-h2,.sdy-h2,.sdf-h2,.sdz-h2{margin:0 0 16px;font-weight:700;font-size:clamp(28px,4vw,50px);line-height:1.06;letter-spacing:-.045em}
.sdw a,.sdv a,.sdt a,.sdp a,.sdm a,.sdi a,.sdr a,.sdy a,.sdf a{color:var(--sd-brand);font-weight:700;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}

/* ═══ 01 · HERO (sdh) ═══ */
.sdh{position:relative;overflow:hidden;padding:128px 0 88px;color:var(--sd-ink);background:radial-gradient(rgba(13,11,20,.13) 1px,transparent 1.2px) 0 0/22px 22px,var(--sd-paper)}
@media(min-width:1024px){.sdh{padding:156px 0 112px}}
.sdh-sprite{position:absolute;width:0!important;height:0!important;overflow:hidden}
.sdh-wrap{display:grid;gap:56px;align-items:center}
@media(min-width:1100px){.sdh-wrap{grid-template-columns:1fr 1.05fr;gap:56px}}
.sdh-wrap>*{min-width:0}
.sdh-kicker{margin:0 0 20px;font-family:var(--sd-mono);font-size:12.5px;color:var(--sd-mute)}
.sdh-h1{margin:0 0 24px;font-weight:700;font-size:clamp(42px,6.4vw,88px);line-height:.96;letter-spacing:-.06em}
.sdh-lead{margin:0 0 16px;font-size:18px;line-height:1.7}
.sdh-p{margin:0 0 14px;font-size:15.5px;line-height:1.8;color:var(--sd-mute)}
.sdh-p b{color:var(--sd-ink)}
.sdh-ctas{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:28px}
.sdh-btn{display:inline-flex;align-items:center;gap:10px;padding:15px 24px;border-radius:999px;background:var(--sd-ink);color:#fff;font-size:15px;font-weight:700;transition:background .25s}
.sdh-btn:hover{background:var(--sd-brand)}
.sdh-link{font-size:15px;font-weight:700;border-bottom:2px solid var(--sd-brand);padding-bottom:2px}
.sdh-boards{position:relative;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:end}
.sdh-board{position:relative;min-width:0}
.sdh-b1{transform:translateY(28px)}.sdh-b3{transform:translateY(-28px)}
.sdh-tag{display:block;margin-bottom:8px;font-family:var(--sd-mono);font-size:11px;color:var(--sd-mute)}
.sdh-b2 .sdh-tag{color:var(--sd-figma)}
.sdh-art{position:relative;aspect-ratio:9/16;border-radius:14px;overflow:hidden;box-shadow:0 30px 50px -34px rgba(13,11,20,.55)}
.sdh-art i,.sdh-art b,.sdh-art span{display:block}
.sdh-wire{padding:10px;background:#fff;border:1.5px dashed rgba(13,11,20,.3);display:flex;flex-direction:column;gap:8px}
.sdh-w-img{flex:0 0 48%;border:1.5px solid rgba(13,11,20,.25);background:linear-gradient(to top right,transparent calc(50% - 1px),rgba(13,11,20,.25) 50%,transparent calc(50% + 1px)),linear-gradient(to top left,transparent calc(50% - 1px),rgba(13,11,20,.25) 50%,transparent calc(50% + 1px))}
.sdh-w-l{height:10px;width:80%;background:rgba(13,11,20,.2)}
.sdh-w-s{height:6px;width:60%;background:rgba(13,11,20,.12)}.sdh-w-s2{width:45%}
.sdh-w-btn{margin-top:auto;height:24px;border:1.5px solid rgba(13,11,20,.3)}
.sdh-fig{padding:10px;background:#fff;border:2px solid var(--sd-figma);display:flex;flex-direction:column;gap:8px;border-radius:4px}
.sdh-f-img{flex:0 0 48%;border-radius:6px;background:linear-gradient(150deg,#d8c3a5,#8c6c4a)}
.sdh-f-l{height:10px;width:78%;border-radius:3px;background:var(--sd-ink)}
.sdh-f-sw{display:flex!important;gap:4px}
.sdh-f-sw b{width:14px;height:14px;border-radius:50%;background:#c8b39a}
.sdh-f-sw b:nth-child(2){background:#5b4636}.sdh-f-sw b:nth-child(3){background:#e7e2db}.sdh-f-sw b:nth-child(4){background:#2d241d}
.sdh-f-btn{position:relative;margin-top:auto;height:26px;border-radius:999px;background:var(--sd-brand);outline:1.5px solid var(--sd-figma);outline-offset:3px}
.sdh-f-sel{position:absolute;right:8px;bottom:42px;padding:2px 6px;border-radius:3px;background:var(--sd-figma);color:#fff;font-style:normal}
.sdh-f-sel em{font-style:normal;font-family:var(--sd-mono);font-size:9px}
.sdh-live{padding:0 0 10px;background:#f7f3ee;display:flex;flex-direction:column;gap:7px;border:6px solid var(--sd-ink);border-radius:20px}
.sdh-l-bar{display:flex!important;gap:4px;padding:6px 10px;background:#fff}
.sdh-l-bar i{width:5px;height:5px;border-radius:50%;background:rgba(13,11,20,.25)}
.sdh-l-img{flex:0 0 44%;background:linear-gradient(160deg,#e9dccd,#b0916f 60%,#6e5641)}
.sdh-l-t{margin:0 10px;font-size:11px;font-weight:800;line-height:1.2}
.sdh-l-sw{display:flex!important;gap:4px;margin:0 10px}
.sdh-l-sw b{width:12px;height:12px;border-radius:50%;background:#c8b39a;box-shadow:0 0 0 1.5px #fff,0 0 0 2.5px rgba(13,11,20,.15)}
.sdh-l-sw b:nth-child(2){background:#5b4636}.sdh-l-sw b:nth-child(3){background:#e7e2db}.sdh-l-sw b:nth-child(4){background:#2d241d}.sdh-l-sw b:nth-child(5){background:#9aa39a}
.sdh-l-btn{margin:auto 10px 0;padding:7px;border-radius:999px;background:var(--sd-ink);color:#fff;font-size:9.5px;font-weight:700;text-align:center}
.sdh-cap{grid-column:1/-1;margin-top:44px;font-size:13px;color:var(--sd-mute);text-align:center}
@media(max-width:560px){.sdh-boards{gap:8px}.sdh-b1{transform:translateY(16px)}.sdh-b3{transform:translateY(-16px)}.sdh-l-t{font-size:9px}.sdh-l-btn{font-size:7.5px}.sdh-f-sel{display:none!important}}

/* ═══ 02 · WHY DESIGN (sdw) ═══ */
.sdw{background:var(--sd-ground);color:var(--sd-ink);padding:88px 0}
@media(min-width:768px){.sdw{padding:120px 0}}
.sdw-wrap{display:grid;gap:40px}
@media(min-width:1024px){.sdw-wrap{grid-template-columns:1fr 1fr;gap:64px;align-items:center}.sdw-proof{grid-column:1/-1}}
.sdw-wrap>*{min-width:0}
.sdw-big{margin:0 0 28px;font-size:clamp(19px,2vw,23px);line-height:1.5;font-weight:500}
.sdw-notes{list-style:none;margin:0;padding:0;border-top:1px solid var(--sd-line)}
.sdw-notes li{display:flex;gap:16px;padding:14px 0;border-bottom:1px solid var(--sd-line);transition:background .2s}
.sdw-n{flex-shrink:0;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--sd-brand);color:var(--sd-brand);font-size:12px;font-weight:800;transition:all .2s}
.sdw-notes p{margin:0;font-size:14.5px;line-height:1.65;color:var(--sd-mute)}
.sdw-notes b{color:var(--sd-ink)}
.sdw-notes li.sdw-on .sdw-n{background:var(--sd-brand);color:#fff}
.sdw-page{margin:0}
.sdw-mock{position:relative;padding:14px;border-radius:16px;background:#fff;box-shadow:0 40px 70px -46px rgba(13,11,20,.55)}
.sdw-mock i,.sdw-mock b,.sdw-mock span{display:block}
.sdw-nav{position:relative;display:flex!important;align-items:center;gap:16px;padding:10px 12px;margin-bottom:12px;border-bottom:1px solid var(--sd-line);font-size:12px;font-weight:700}
.sdw-nav>i:first-child{width:56px;height:12px;border-radius:3px;background:var(--sd-ink);margin-right:auto}
.sdw-body{display:grid;grid-template-columns:1.1fr 1fr;gap:14px}
.sdw-gal{position:relative;aspect-ratio:4/5;border-radius:10px;background:linear-gradient(160deg,#e9dccd,#b0916f 60%,#6e5641)}
.sdw-info{position:relative;display:flex!important;flex-direction:column;gap:10px;padding-top:6px}
.sdw-ti{height:14px;width:85%;border-radius:4px;background:var(--sd-ink)}
.sdw-pr{height:12px;width:40%;border-radius:4px;background:var(--sd-brand)}
.sdw-trust{position:relative;padding:8px;border-radius:8px;background:var(--sd-ground);font-size:10.5px;font-weight:700;color:var(--sd-mute)}
.sdw-cta{position:relative;padding:11px;border-radius:999px;background:var(--sd-ink);color:#fff;font-size:12px;font-weight:700;text-align:center}
.sdw-ln{height:7px;width:90%;border-radius:3px;background:#efece8}.sdw-ln2{width:70%}
.sdw-fold{position:relative;margin-top:14px;border-top:1.5px dashed var(--sd-brand)}
.sdw-fold>span{position:absolute;left:0;top:-9px;padding:0 6px;background:#fff;font-family:var(--sd-mono);font-size:10px;color:var(--sd-brand)}
.sdw-pin{position:absolute!important;display:flex!important;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--sd-brand);color:#fff;font-style:normal;font-size:11px;font-weight:800;box-shadow:0 0 0 4px rgba(250,41,79,.18);transition:transform .25s var(--sd-ease)}
.sdw-gal .sdw-pin{left:10px;top:10px}
.sdw-nav .sdw-pin{right:-8px;top:-8px}
.sdw-trust .sdw-pin{right:-10px;top:-10px}
.sdw-cta .sdw-pin{right:-8px;top:-10px}
.sdw-fold .sdw-pin{right:0;top:-12px}
.sdw-pin.sdw-on{transform:scale(1.3);background:var(--sd-ink)}
.sdw-proof{padding:26px 0 0;border-top:2px solid var(--sd-ink)}
.sdw-proof p{max-width:1000px;margin:0;font-size:16px;line-height:1.8;color:var(--sd-mute)}
.sdw-proof b{color:var(--sd-ink)}

/* ═══ 03 · SERVICES (sdv) ═══ */
.sdv{background:var(--sd-paper);color:var(--sd-ink);padding:88px 0}
@media(min-width:768px){.sdv{padding:120px 0}}
.sdv-head{display:grid;gap:14px;margin-bottom:36px}
@media(min-width:1024px){.sdv-head{grid-template-columns:1fr 1fr;gap:64px;align-items:end}}
.sdv-p{margin:0;font-size:16px;line-height:1.75;color:var(--sd-mute)}
.sdv-list{list-style:none;margin:0;padding:0;border-top:2px solid var(--sd-ink)}
.sdv-item{border-bottom:1px solid var(--sd-line)}
.sdv-row{display:grid;grid-template-columns:56px 1fr 28px;gap:16px;align-items:center;width:100%;padding:22px 0;border:0;background:transparent;font:inherit;color:inherit;text-align:left;cursor:pointer}
@media(min-width:900px){.sdv-row{grid-template-columns:90px 1fr 28px}}
.sdv-n{font-family:var(--sd-mono);font-size:13px;color:var(--sd-soft);transition:color .25s}
.sdv-t{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 18px}
.sdv-h3{margin:0;font-weight:700;font-size:clamp(20px,2.6vw,32px);line-height:1.15;letter-spacing:-.035em;transition:color .25s}
.sdv-t em{font-style:normal;font-size:14px;color:var(--sd-soft)}
.sdv-pm{width:22px!important;height:22px!important;transition:transform .35s var(--sd-ease)}
.sdv-row:hover .sdv-h3{color:var(--sd-brand)}
.sdv-body{padding:0 0 26px 72px;columns:1;column-gap:40px}
@media(min-width:900px){.sdv-body{padding-left:106px;columns:2}}
.sdv-body p{break-inside:avoid;margin:0 0 14px;font-size:15px;line-height:1.8;color:var(--sd-mute)}
.sdv-list.sdv-js .sdv-item:not(.sdv-on) .sdv-body{display:none}
.sdv-item.sdv-on .sdv-n{color:var(--sd-brand)}
.sdv-item.sdv-on .sdv-pm{transform:rotate(45deg);color:var(--sd-brand)}
.sdv-list:not(.sdv-js) .sdv-pm{display:none}
@media(max-width:600px){.sdv-row{grid-template-columns:36px 1fr 22px;gap:10px}.sdv-body{padding-left:0}}

/* ═══ 04 · TEMPLATE vs CUSTOM (sdt) ═══ */
.sdt{background:var(--sd-ground);color:var(--sd-ink);padding:88px 0}
@media(min-width:768px){.sdt{padding:120px 0}}
.sdt-head{max-width:780px;margin-bottom:32px}
.sdt-p{margin:0;font-size:16px;line-height:1.75;color:var(--sd-mute)}
.sdt-scroll{overflow-x:auto}
.sdt-table{width:100%;border-collapse:collapse}
.sdt-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.sdt-table th,.sdt-table td{padding:16px 18px;text-align:left;vertical-align:top;font-size:15px;line-height:1.55;border-bottom:1px solid var(--sd-line)}
.sdt-table thead th{padding-bottom:14px;font-size:clamp(18px,2vw,24px);font-weight:700;letter-spacing:-.03em;border-bottom:2px solid var(--sd-ink)}
.sdt-table thead th:last-child{color:var(--sd-brand)}
.sdt-table tbody th{width:200px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--sd-soft)}
.sdt-table td{color:var(--sd-mute)}
.sdt-table td:last-child{color:var(--sd-ink);font-weight:600;background:rgba(255,255,255,.55)}
.sdt-table tbody tr:first-child td{font-family:var(--sd-mono);font-size:15px;font-weight:700;color:var(--sd-ink)}
@media(max-width:639px){
.sdt-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.sdt-table,.sdt-table tbody{display:block}
.sdt-table tr{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--sd-line)}
.sdt-table tbody tr:first-child{border-top:2px solid var(--sd-ink)}
.sdt-table tbody th{grid-column:1/-1;width:auto;padding:16px 0 6px;border:0}
.sdt-table td{padding:6px 12px 16px 0;border:0;font-size:14px}
.sdt-table td:last-child{padding-left:12px;border-left:2px solid var(--sd-brand)}
.sdt-table td::before{content:attr(data-sdt);display:block;margin-bottom:4px;font-family:var(--sd-mono);font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--sd-soft)}
.sdt-table td:last-child::before{color:var(--sd-brand)}
.sdt-table tbody tr:first-child td{font-size:13px}
}
.sdt-after{display:grid;gap:12px;margin-top:28px}
@media(min-width:1024px){.sdt-after{gap:48px}}
.sdt-after p{margin:0;font-size:15px;line-height:1.8;color:var(--sd-mute)}

/* ═══ 05 · PROCESS (sdp) ═══ */
.sdp{background:var(--sd-paper);color:var(--sd-ink);padding:88px 0}
@media(min-width:768px){.sdp{padding:120px 0}}
.sdp-head{max-width:780px;margin-bottom:36px}
.sdp-p{margin:0;font-size:16px;line-height:1.75;color:var(--sd-mute)}
.sdp-ruler{position:sticky;top:76px;z-index:2;display:grid;grid-template-columns:repeat(5,1fr);margin:0 0 12px;padding:12px 0 14px;background:var(--sd-paper)}
.sdp-ruler::before{content:'';position:absolute;left:0;right:0;bottom:6px;height:4px;border-radius:2px;background:var(--sd-ground)}
.sdp-ruler span{font-family:var(--sd-mono);font-size:11px;color:var(--sd-soft)}
.sdp-fill{position:absolute;left:0;bottom:6px;height:4px;width:var(--sdp-w,20%);border-radius:2px;background:linear-gradient(90deg,rgba(13,11,20,.35),var(--sd-figma) 50%,var(--sd-brand));transition:width .5s var(--sd-ease)}
@media(max-width:600px){.sdp-ruler span{font-size:9px}}
.sdp-list{list-style:none;margin:0;padding:0}
.sdp-stage{display:grid;gap:12px;padding:32px 0;border-top:1px solid var(--sd-line)}
@media(min-width:900px){.sdp-stage{grid-template-columns:260px 1fr;gap:48px}}
.sdp-stage>*{min-width:0}
.sdp-side{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.sdp-n{font-size:64px;font-weight:700;line-height:.85;letter-spacing:-.06em;color:var(--sd-ink);transition:color .3s,filter .4s}
.sdp-stage[data-sdp-stage="0"] .sdp-n{filter:blur(2.5px);color:var(--sd-soft)}
.sdp-stage[data-sdp-stage="1"] .sdp-n{color:transparent;-webkit-text-stroke:1.5px var(--sd-ink)}
.sdp-stage[data-sdp-stage="2"] .sdp-n{color:var(--sd-figma)}
.sdp-stage[data-sdp-stage="3"] .sdp-n{color:var(--sd-ink)}
.sdp-stage[data-sdp-stage="4"] .sdp-n{color:var(--sd-brand)}
.sdp-out{font-size:14px;font-weight:700}
.sdp-gate{font-family:var(--sd-mono);font-size:11.5px;color:var(--sd-green)}
.sdp-h3{margin:0 0 12px;font-weight:700;font-size:clamp(20px,2.3vw,27px);letter-spacing:-.03em}
.sdp-main p{margin:0 0 12px;font-size:15px;line-height:1.8;color:var(--sd-mute)}

/* ═══ 06 · CANNOT FIX (sdn) ═══ */
.sdn{background:var(--sd-black);color:#fff;padding:88px 0}
@media(min-width:768px){.sdn{padding:120px 0}}
.sdn-yes{max-width:820px;margin:0 0 40px;font-size:18px;line-height:1.7;color:rgba(255,255,255,.8)}
.sdn-list{list-style:none;margin:0;padding:0;display:grid;column-gap:56px;border-top:1px solid rgba(255,255,255,.15)}
@media(min-width:900px){.sdn-list{grid-template-columns:1fr 1fr}}
.sdn-list li{padding:26px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.sdn-h3{margin:0 0 10px;font-weight:700;font-size:clamp(22px,2.6vw,32px);letter-spacing:-.035em;line-height:1.15}
.sdn-h3 s{text-decoration:line-through;text-decoration-color:var(--sd-brand);text-decoration-thickness:3px;color:rgba(255,255,255,.92)}
.sdn-list p{margin:0;font-size:15px;line-height:1.8;color:rgba(255,255,255,.62)}
.sdn-audit{margin:32px 0 0;font-size:16px;line-height:1.75;color:rgba(255,255,255,.8)}
.sdn-audit a{color:#ff8fa3;font-weight:700;text-decoration:underline;text-underline-offset:3px}

/* ═══ 07 · METRO (sdm) ═══ */
.sdm{background:var(--sd-paper);color:var(--sd-ink);padding:88px 0;scroll-margin-top:80px}
@media(min-width:768px){.sdm{padding:120px 0}}
.sdm-head{max-width:880px;margin-bottom:40px}
.sdm-kicker{margin:0 0 14px;font-family:var(--sd-mono);font-size:12.5px;color:var(--sd-brand)}
.sdm-lead{margin:0;font-size:18px;line-height:1.7;color:var(--sd-mute)}
.sdm-grid{display:grid;gap:36px}
@media(min-width:1024px){.sdm-grid{grid-template-columns:1.45fr 1fr;gap:64px;align-items:start}.sdm-res-in{position:sticky;top:110px}}
.sdm-grid>*{min-width:0}
.sdm-h3{margin:32px 0 10px;font-weight:700;font-size:21px;letter-spacing:-.025em}
.sdm-story>.sdm-h3:first-child{margin-top:0}
.sdm-story p{margin:0 0 14px;font-size:15.5px;line-height:1.85;color:var(--sd-mute)}
.sdm-flow{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:22px 0 8px}
.sdm-flow div{display:flex;flex-direction:column;padding:12px 16px;border:1.5px solid var(--sd-ink);border-radius:12px}
.sdm-flow span{font-family:var(--sd-mono);font-size:11px;color:var(--sd-soft)}
.sdm-flow b{font-size:14px}
.sdm-flow .sdm-flow-hot{background:var(--sd-ink);color:#fff}
.sdm-flow-hot span{color:#ff8fa3}
.sdm-flow svg{color:var(--sd-brand)}
.sdm-built{margin:6px 0 0;padding:0;list-style:none;counter-reset:sdm}
.sdm-built li{counter-increment:sdm;display:flex;gap:14px;padding:11px 0;border-bottom:1px solid var(--sd-line);font-size:15px;line-height:1.55}
.sdm-built li::before{content:counter(sdm,decimal-leading-zero);font-family:var(--sd-mono);font-size:12px;color:var(--sd-brand);padding-top:3px}
.sdm-res-in{padding:28px;border-radius:24px;background:var(--sd-ink);color:#fff}
.sdm-res-k{margin:0 0 6px;font-size:11.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#fbd38d}
.sdm-res{margin:0}
.sdm-res div{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:2px 12px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.sdm-res dt{font-size:13.5px;color:rgba(255,255,255,.65)}
.sdm-res dd{grid-row:span 2;margin:0;font-size:clamp(36px,4vw,52px);font-weight:700;letter-spacing:-.05em;line-height:1}
.sdm-res div:first-child dd{color:var(--sd-brand2)}
.sdm-res span{font-size:12px;color:rgba(255,255,255,.4)}
.sdm-res .sdm-res-sm{font-size:22px;letter-spacing:-.02em}
.sdm-res-note{margin:18px 0 0;font-size:14px;line-height:1.7;color:rgba(255,255,255,.66)}
.sdm-res-note b{color:#fff}

/* ═══ 08 · INDUSTRIES (sdi) ═══ */
.sdi{background:var(--sd-ground);color:var(--sd-ink);padding:88px 0}
@media(min-width:768px){.sdi{padding:120px 0}}
.sdi-head{max-width:820px;margin-bottom:32px}
.sdi-p{margin:0;font-size:16px;line-height:1.75;color:var(--sd-mute)}
.sdi-list{margin:0;border-top:2px solid var(--sd-ink)}
.sdi-row{display:grid;gap:6px;padding:20px 0;border-bottom:1px solid var(--sd-line);transition:padding .3s var(--sd-ease)}
@media(min-width:900px){.sdi-row{grid-template-columns:340px 1fr;gap:40px;align-items:baseline}.sdi-row:hover{padding-left:14px}}
.sdi-row dt{font-size:clamp(20px,2.2vw,27px);font-weight:700;letter-spacing:-.03em}
.sdi-row:hover dt{color:var(--sd-brand)}
.sdi-row dd{margin:0;font-size:15.5px;line-height:1.7;color:var(--sd-mute)}

/* ═══ 09 · PRICING (sdr) ═══ */
.sdr{background:var(--sd-paper);color:var(--sd-ink);padding:88px 0}
@media(min-width:768px){.sdr{padding:120px 0}}
.sdr-wrap{display:grid;gap:28px}
@media(min-width:1024px){.sdr-wrap{grid-template-columns:1fr 1.1fr;column-gap:64px}.sdr-notes{grid-column:1/-1}}
.sdr-wrap>*{min-width:0}
.sdr-p{margin:0;font-size:16px;line-height:1.75;color:var(--sd-mute)}
.sdr-rates{border-top:2px solid var(--sd-ink)}
.sdr-rate{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 20px;padding:22px 0;border-bottom:1px solid var(--sd-line)}
.sdr-rate span{font-size:17px;font-weight:700}
.sdr-rate small{display:block;font-size:13px;font-weight:500;color:var(--sd-soft)}
.sdr-rate b{font-size:clamp(30px,3.6vw,46px);font-weight:700;letter-spacing:-.045em}
.sdr-notes{columns:1;column-gap:48px}
@media(min-width:900px){.sdr-notes{columns:2}}
.sdr-notes p{break-inside:avoid;margin:0 0 14px;font-size:15px;line-height:1.8;color:var(--sd-mute)}

/* ═══ 10 · WHY TBP (sdy) ═══ */
.sdy{background:var(--sd-ground);color:var(--sd-ink);padding:88px 0}
@media(min-width:768px){.sdy{padding:120px 0}}
.sdy-h2{max-width:860px}
.sdy-intro{max-width:760px;margin:0 0 40px;font-size:16px;line-height:1.75;color:var(--sd-mute)}
.sdy-cols{display:grid;gap:40px}
@media(min-width:1024px){.sdy-cols{grid-template-columns:1fr 1fr;gap:64px}}
.sdy-col{min-width:0;padding-top:22px;border-top:2px solid var(--sd-ink)}
.sdy-n{display:block;margin-bottom:10px;font-size:52px;font-weight:700;line-height:1;letter-spacing:-.05em;color:var(--sd-brand)}
.sdy-h3{margin:0 0 14px;font-weight:700;font-size:clamp(21px,2.3vw,27px);letter-spacing:-.03em;line-height:1.2}
.sdy-col p{margin:0 0 14px;font-size:15px;line-height:1.8;color:var(--sd-mute)}
.sdy-pull{padding-left:16px;border-left:3px solid var(--sd-brand);color:var(--sd-ink)!important;font-weight:600}

/* ═══ 11 · FAQ (sdf) ═══ */
.sdf{background:var(--sd-paper);color:var(--sd-ink);padding:88px 0}
@media(min-width:768px){.sdf{padding:120px 0}}
.sdf-h2{margin-bottom:28px}
.sdf-grid{display:grid;column-gap:56px;border-top:2px solid var(--sd-ink)}
@media(min-width:960px){.sdf-grid{grid-template-columns:1fr 1fr;align-items:start}}
.sdf-item{border-bottom:1px solid var(--sd-line)}
.sdf-q{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 0;cursor:pointer;list-style:none;font-size:16.5px;font-weight:700;line-height:1.4}
.sdf-q::-webkit-details-marker{display:none}
.sdf-q:hover{color:var(--sd-brand)}
.sdf-q svg{margin-top:4px;transition:transform .35s var(--sd-ease)}
.sdf-item[open] .sdf-q svg{transform:rotate(45deg);color:var(--sd-brand)}
.sdf-a{margin:0;padding:0 36px 22px 0;font-size:15px;line-height:1.8;color:var(--sd-mute)}

/* ═══ 12 · CONTACT (sdz) ═══ */
.sdz{background:var(--sd-ink);color:#fff;padding:88px 0 104px;scroll-margin-top:80px}
@media(min-width:768px){.sdz{padding:120px 0}}
.sdz-wrap{display:grid;gap:36px}
@media(min-width:1024px){.sdz-wrap{grid-template-columns:1fr 1fr;gap:64px;align-items:center}}
.sdz-wrap>*{min-width:0}
.sdz-h2{font-size:clamp(32px,4.6vw,58px)}
.sdz-p{margin:0 0 22px;font-size:16px;line-height:1.75;color:rgba(255,255,255,.7)}
.sdz-wa{font-size:15px;font-weight:700;border-bottom:2px solid var(--sd-brand);padding-bottom:2px}
.sdz-formbox{padding:26px;border-radius:20px;background:#fff;color:var(--sd-ink)}
@media(min-width:1024px){.sdz-formbox{padding:32px}}
.sdz-form{display:grid;gap:12px}
@media(min-width:560px){.sdz-form{grid-template-columns:1fr 1fr}.sdz-pick,.sdz-full,.sdz-submit{grid-column:1/-1}}
.sdz-pick{margin:0 0 4px;padding:0;border:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sdz-pick legend{grid-column:1/-1;margin-bottom:8px;font-size:13px;font-weight:800}
.sdz-pick label{position:relative;cursor:pointer}
.sdz-pick input{position:absolute;opacity:0}
.sdz-pick span{display:block;height:100%;padding:12px 14px;border-radius:12px;border:1.5px solid #e6e3df;font-size:13.5px;font-weight:600;transition:all .2s}
.sdz-pick input:checked+span{border-color:var(--sd-ink);background:var(--sd-ink);color:#fff}
.sdz-pick input:focus-visible+span{outline:2px solid var(--sd-brand);outline-offset:2px}
.sdz-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.sdz-field span{font-size:12px;font-weight:700}
.sdz-field small{font-weight:500;color:var(--sd-soft)}
.sdz-field input,.sdz-field select{width:100%;height:48px;padding:0 14px;border-radius:12px;border:1.5px solid #e6e3df;background:var(--sd-paper);font:inherit;font-size:14px;color:var(--sd-ink)}
.sdz-field input:focus,.sdz-field select:focus{outline:none;border-color:var(--sd-brand);box-shadow:0 0 0 4px rgba(250,41,79,.12)}
.sdz-submit{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;margin-top:4px;border:0;border-radius:999px;background:var(--sd-brand);color:#fff;font:inherit;font-size:15px;font-weight:700;cursor:pointer;transition:background .25s}
.sdz-submit:hover{background:var(--sd-ink)}

.internallink{color: black !important; text-decoration:none !important; font-weight:600 !important}
.internallink1{color: white !important; text-decoration:none !important; font-weight:600 !important}
    .internallink2{color: #6b6878 !important; text-decoration:none !important; font-weight:600 !important}
    .internallink3{color: #fa294f !important; text-decoration:none !important; font-weight:600 !important}