:root{--ink:#17201b;--muted:#68726c;--paper:#fff;--wash:#f5f4ee;--line:#dfe3dc;--accent:#e85d3f;--green:#1f6f54;--gold:#b68a38;--radius:22px;--shadow:0 18px 60px rgba(23,32,27,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;line-height:1.65;font-size:16px}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.container{width:min(1180px,calc(100% - 40px));margin:auto}.topnote{background:#f7efe7;border-bottom:1px solid #eadfd4;font-size:13px}.topnote .container{display:flex;justify-content:space-between;gap:20px;padding:9px 0}.topnote a{font-weight:600}.site-header{position:sticky;top:0;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);z-index:50}.nav{height:76px;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;gap:11px;margin-right:auto}.brand-mark{width:42px;height:42px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-family:'Fraunces',serif;font-size:21px}.brand b{font-size:18px;letter-spacing:-.02em}.main-nav{display:flex;gap:24px;align-items:center}.main-nav a{font-size:14px;font-weight:600}.nav-cta,.btn{border:1px solid var(--ink);background:var(--ink);color:#fff;border-radius:999px;padding:12px 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600}.btn.alt{background:#fff;color:var(--ink)}.btn.soft{background:#f8ede7;color:#8b3624;border-color:#f0cfc4}.menu-btn{display:none;border:1px solid var(--line);background:#fff;border-radius:50%;width:44px;height:44px}.hero{padding:68px 0 42px}.hero-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:62px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:600;color:var(--green)}h1,h2,h3{font-family:'Fraunces',Georgia,serif;letter-spacing:-.035em;line-height:1.04;margin:0}h1{font-size:clamp(50px,6.4vw,90px);max-width:850px}h2{font-size:clamp(36px,4.7vw,62px)}h3{font-size:27px}.hero-copy p{font-size:18px;color:var(--muted);max-width:620px;margin:24px 0 30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-note{margin-top:28px;padding-top:20px;border-top:1px solid var(--line);display:flex;gap:24px;color:var(--muted);font-size:13px}.photo-stack{display:grid;grid-template-columns:1fr .7fr;grid-template-rows:270px 185px;gap:12px}.photo-stack img{width:100%;height:100%;object-fit:cover;border-radius:26px}.photo-stack .main{grid-row:1/3}.photo-caption{font-size:12px;color:var(--muted);margin-top:10px}.band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:20px 0}.band-track{display:grid;grid-template-columns:repeat(4,1fr)}.band-item{padding:26px 24px;border-right:1px solid var(--line)}.band-item:last-child{border-right:0}.band-item small{color:var(--muted);display:block;margin-bottom:3px}.section{padding:88px 0}.section.wash{background:var(--wash)}.section-head{display:grid;grid-template-columns:.72fr 1.28fr;gap:40px;align-items:end;margin-bottom:42px}.section-head p{color:var(--muted);max-width:680px;margin:0}.usecase-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.usecard{border:1px solid var(--line);border-radius:22px;padding:28px;min-height:240px;display:flex;flex-direction:column;background:#fff}.usecard:nth-child(1){grid-column:span 5}.usecard:nth-child(2){grid-column:span 4}.usecard:nth-child(3){grid-column:span 3}.usecard:nth-child(4){grid-column:span 3}.usecard:nth-child(5){grid-column:span 5}.usecard:nth-child(6){grid-column:span 4}.usecard p{color:var(--muted);font-size:14px}.usecard .num{font-size:12px;color:var(--accent);font-weight:600;margin-bottom:auto}.text-link{font-weight:600;font-size:14px;margin-top:15px}.service-index{display:grid;grid-template-columns:220px 1fr;gap:44px}.category-list{position:sticky;top:120px;height:max-content}.category-list a{display:block;padding:9px 0;color:var(--muted);font-size:14px}.service-rows{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:70px 1fr 150px 120px;gap:18px;align-items:center;padding:20px 6px;border-bottom:1px solid var(--line);transition:.2s}.service-row:hover{padding-left:14px}.service-row .symbol{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;border:1px solid var(--line);font-weight:700;background:#fff}.service-row p{margin:3px 0 0;color:var(--muted);font-size:13px}.service-row .price{text-align:right;font-weight:600}.service-row .arrow{text-align:right}.split-story{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}.story-photo{border-radius:28px;overflow:hidden;aspect-ratio:4/3}.story-photo img{width:100%;height:100%;object-fit:cover}.story-copy p{color:var(--muted)}.mini-list{margin:28px 0 0;padding:0;list-style:none}.mini-list li{padding:14px 0;border-top:1px solid var(--line);display:flex;gap:15px}.mini-list li span{font-family:'Fraunces',serif;color:var(--accent)}.quote-strip{background:#f8ede7;padding:52px;border-radius:30px;display:grid;grid-template-columns:1fr 280px;gap:40px;align-items:end}.quote-strip blockquote{font-family:'Fraunces',serif;font-size:clamp(28px,4vw,48px);line-height:1.12;margin:0}.quote-strip p{color:#74564c;margin:0}.steps{counter-reset:steps;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.step{counter-increment:steps;padding:28px;min-height:230px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.step:before{content:'0' counter(steps);display:block;color:var(--accent);font-size:12px;font-weight:600;margin-bottom:60px}.step p{color:var(--muted);font-size:14px}.faq{max-width:900px;margin:auto}.faq-item{border-top:1px solid var(--line)}.faq-q{width:100%;border:0;background:none;padding:22px 0;text-align:left;display:flex;justify-content:space-between;gap:20px;font-weight:600}.faq-a{display:none;color:var(--muted);padding:0 0 22px;max-width:760px}.faq-item.open .faq-a{display:block}.footer{padding:70px 0 30px;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr .9fr;gap:35px}.footer h4{font-size:13px;text-transform:uppercase;letter-spacing:.12em;margin:0 0 15px}.footer a{display:block;color:var(--muted);font-size:14px;margin:8px 0}.footer-brand p{color:var(--muted);max-width:330px}.copyright{border-top:1px solid var(--line);margin-top:45px;padding-top:22px;color:var(--muted);font-size:12px;display:flex;justify-content:space-between;gap:20px}.float-chat{position:fixed;left:18px;bottom:18px;display:flex;gap:8px;z-index:55}.float-chat a{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid var(--line);box-shadow:0 10px 28px rgba(0,0,0,.1)}.float-chat svg{width:22px;height:22px}.float-chat .wa{color:#25D366}.float-chat .tg{color:#229ED9}.float-chat .em{color:#e85d3f}.drawer{position:fixed;inset:0;z-index:90;pointer-events:none}.drawer.open{pointer-events:auto}.drawer-bg{position:absolute;inset:0;background:rgba(23,32,27,.22);opacity:0;transition:.25s}.drawer.open .drawer-bg{opacity:1}.drawer-panel{position:absolute;right:0;top:0;bottom:0;width:min(500px,100%);background:#fff;padding:28px;transform:translateX(100%);transition:.3s;overflow:auto}.drawer.open .drawer-panel{transform:none}.drawer-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px}.drawer-close{width:42px;height:42px;border:1px solid var(--line);background:#fff;border-radius:50%}.drawer-links{padding-top:20px}.drawer-links a{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal-bg{position:absolute;inset:0;background:rgba(23,32,27,.35);backdrop-filter:blur(5px)}.modal-card{position:relative;background:#fff;border-radius:28px;width:min(560px,100%);padding:34px;box-shadow:var(--shadow)}.modal-close{position:absolute;right:18px;top:18px;width:40px;height:40px;border:1px solid var(--line);background:#fff;border-radius:50%}.selected-package{background:var(--wash);border-radius:18px;padding:18px;margin:20px 0}.contact-options{display:grid;gap:10px}.contact-option{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:16px;padding:16px 18px;font-weight:600}.contact-option small{color:var(--muted);font-weight:400}.page-hero{padding:68px 0 50px}.page-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:58px;align-items:center}.page-hero h1{font-size:clamp(46px,5.2vw,76px)}.page-hero p{font-size:18px;color:var(--muted);max-width:680px}.page-photo{aspect-ratio:4/3;border-radius:30px;overflow:hidden}.page-photo img{width:100%;height:100%;object-fit:cover}.crumbs{font-size:13px;color:var(--muted);margin-bottom:22px}.pricing-wrap{display:grid;grid-template-columns:1fr 1fr;gap:14px}.price-card{border:1px solid var(--line);border-radius:22px;padding:24px;background:#fff}.price-card .brandline{display:flex;align-items:center;gap:11px;margin-bottom:22px}.brand-chip{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:#fff;font-weight:700}.price-card .amount{font-family:'Fraunces',serif;font-size:45px;line-height:1}.price-card .per{color:var(--muted);font-size:13px}.price-card ul{padding:0;list-style:none;margin:22px 0}.price-card li{padding:8px 0;border-top:1px solid var(--line);font-size:14px}.price-card .btn{width:100%}.package-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.package{border:1px solid var(--line);border-radius:18px;padding:20px;background:#fff}.package strong{display:block;font-size:25px;font-family:'Fraunces',serif}.package small{color:var(--muted)}.package button{margin-top:18px;width:100%}.content-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:60px}.prose h2{font-size:42px;margin:0 0 18px}.prose h3{font-size:28px;margin:40px 0 14px}.prose p{color:#4f5b54;margin:0 0 18px}.side-note{border-left:1px solid var(--line);padding-left:28px}.side-note h3{font-size:25px}.checklist{padding:0;list-style:none}.checklist li{padding:13px 0;border-top:1px solid var(--line);color:#4f5b54}.notice{background:#f8ede7;border:1px solid #efd6cc;border-radius:18px;padding:20px;color:#714b3f}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.article-card{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff}.article-card img{height:210px;width:100%;object-fit:cover}.article-card .body{padding:24px}.article-card p{color:var(--muted);font-size:14px}.page-copy{max-width:820px}.page-copy h2{font-size:42px;margin:45px 0 15px}.page-copy p,.page-copy li{color:#4f5b54}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-card{border:1px solid var(--line);border-radius:22px;padding:28px}.contact-card p{color:var(--muted)}.table-scroll{overflow-x:auto}.compare-table{width:100%;border-collapse:collapse;min-width:700px}.compare-table th,.compare-table td{text-align:left;padding:17px;border-bottom:1px solid var(--line)}.compare-table th{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
@media(max-width:900px){.main-nav{display:none}.menu-btn{display:grid;place-items:center}.nav-cta{display:none}.hero{padding-top:42px}.hero-grid,.page-hero-grid,.split-story,.content-grid,.section-head{grid-template-columns:1fr;gap:32px}.photo-stack{grid-template-rows:250px 150px}.band-track{grid-template-columns:1fr 1fr}.band-item:nth-child(2){border-right:0}.band-item:nth-child(-n+2){border-bottom:1px solid var(--line)}.usecard{grid-column:span 6!important}.service-index{grid-template-columns:1fr}.category-list{display:none}.service-row{grid-template-columns:55px 1fr 100px}.service-row .arrow{display:none}.quote-strip{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.package-grid{grid-template-columns:1fr 1fr}.pricing-wrap{grid-template-columns:1fr}.article-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){body{font-size:15px}.container{width:min(100% - 28px,1180px)}.topnote .container{display:block;text-align:center}.topnote .container span:last-child{display:none}.nav{height:66px}.brand-mark{width:38px;height:38px}.brand b{font-size:16px}h1{font-size:46px}.hero-copy p,.page-hero p{font-size:16px}.hero-note{display:block}.photo-stack{grid-template-columns:1fr 1fr;grid-template-rows:250px 115px}.photo-stack .main{grid-column:1/3;grid-row:1}.section{padding:64px 0}.usecase-grid{grid-template-columns:1fr}.usecard{grid-column:1!important;min-height:190px}.service-row{grid-template-columns:48px 1fr}.service-row .price{grid-column:2;text-align:left;color:var(--green);font-size:13px}.band-track{grid-template-columns:1fr 1fr}.band-item{padding:18px 14px}.steps{grid-template-columns:1fr}.step:before{margin-bottom:28px}.quote-strip{padding:28px}.footer-grid{grid-template-columns:1fr}.copyright{display:block}.package-grid{grid-template-columns:1fr 1fr}.package{padding:16px}.contact-grid,.article-grid{grid-template-columns:1fr}.float-chat{left:12px;bottom:12px}.float-chat a{width:44px;height:44px}.modal-card{padding:28px 20px 22px;border-radius:22px}.service-row p{display:none}.page-hero{padding-top:42px}.page-photo{order:2}.section-head{margin-bottom:28px}}

/* 2026-08-25 catalogue + pricing upgrade */
.home-page .hero{min-height:calc(100svh - 114px);display:flex;align-items:center;padding:34px 0 28px}
.home-page .hero-grid{width:100%;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);gap:48px}
.home-page .hero h1{font-size:clamp(48px,5.35vw,78px);max-width:760px}
.home-page .hero-copy p{font-size:17px;margin:20px 0 24px}
.home-page .hero-note{margin-top:22px;padding-top:16px}
.home-page .photo-stack{grid-template-rows:minmax(220px,31vh) minmax(145px,21vh);max-height:570px}
.brand-logo-shell{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#fff;border:1px solid color-mix(in srgb,var(--brand,#17201b) 28%,var(--line));box-shadow:0 7px 20px rgba(23,32,27,.06);flex:0 0 auto}
.brand-logo-shell img{width:26px;height:26px;object-fit:contain}
.hero-brand-lockup{display:inline-flex;align-items:center;gap:12px;margin-bottom:18px;color:var(--muted);font-size:13px;font-weight:600}.hero-brand-lockup .brand-logo-shell{width:46px;height:46px}
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.job-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.service-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.bestseller-grid,.featured-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.product-tile{--brand:#17201b;border:1px solid var(--line);border-radius:24px;padding:22px;background:#fff;min-height:286px;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;position:relative;overflow:hidden}.product-tile:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--brand)}.product-tile:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(23,32,27,.08);border-color:#cbd1c8}.product-tile-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:28px}.product-badge,.mini-badge{display:inline-flex;align-items:center;border-radius:999px;background:#f8ede7;color:#8b3624;padding:6px 9px;font-size:11px;font-weight:700;line-height:1.1}.product-tile>small{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.1em}.product-tile h3{font-size:27px;margin:5px 0 10px}.product-tile p{font-size:14px;color:var(--muted);margin:0 0 24px}.product-tile-foot{margin-top:auto;padding-top:17px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.product-tile-foot strong{font-size:14px}.product-card-cta{font-size:13px;font-weight:700;color:var(--green);border:0;background:transparent;padding:0;text-align:right}.product-card-cta:hover{text-decoration:underline}.bestseller-section{border-top:1px solid var(--line)}
.threads-country-section{background:#fbfbf8}.country-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.country-product{border:1px solid var(--line);border-radius:22px;background:#fff;padding:20px;display:grid;grid-template-columns:54px 1fr;gap:14px;align-items:center}.country-product .btn{grid-column:1/-1;width:100%}.country-code{width:54px;height:54px;border-radius:15px;background:#111;color:#fff;display:grid;place-items:center;font-weight:700;letter-spacing:.05em}.country-product small{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.country-product h3{font-size:23px;margin:3px 0}.country-product p{margin:0;color:var(--muted);font-size:13px}.section-cta{margin-top:22px;display:flex;justify-content:flex-end}
.pricing-tabs{display:inline-flex;gap:4px;padding:5px;border:1px solid var(--line);border-radius:999px;background:#fff;margin:0 0 24px}.pricing-tab{border:0;background:transparent;border-radius:999px;padding:10px 20px;font-size:14px;font-weight:700;color:var(--muted)}.pricing-tab.active{background:var(--ink);color:#fff}.pricing-panel[hidden]{display:none!important}.pricing-product-row{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x proximity;padding:2px 2px 12px;scrollbar-width:thin}.horizontal-price-card{--brand:#17201b;flex:1 0 260px;min-width:260px;max-width:320px;border:1px solid var(--line);border-radius:22px;background:#fff;padding:20px;scroll-snap-align:start;display:flex;flex-direction:column;position:relative;overflow:hidden}.horizontal-price-card:before{content:"";height:3px;background:var(--brand);position:absolute;top:0;left:0;right:0}.price-brand{display:flex;align-items:center;gap:10px;min-height:50px}.price-brand .brand-logo-shell{width:44px;height:44px;border-radius:13px}.price-brand .brand-logo-shell img{width:24px;height:24px}.price-brand div{display:grid}.price-brand small{font-size:11px;color:var(--muted)}.price-brand b{font-size:13px}.price-brand .mini-badge{margin-left:auto}.price-quantity{margin-top:28px;color:var(--muted);font-size:13px}.price-total{font-family:'Fraunces',serif;font-size:39px;line-height:1.05;margin:2px 0 6px}.price-unit{font-size:12px;color:var(--muted);min-height:38px}.horizontal-price-card .btn{margin-top:22px;width:100%}.quote-price{font-size:31px}.aged-price-card{background:#fffefa}.pricing-footnote{margin-top:12px;border:1px solid #efd6cc;background:#f8ede7;border-radius:16px;padding:15px 17px;font-size:13px;color:#714b3f}
@media(min-width:901px) and (max-height:760px){.home-page .hero{min-height:auto;padding:30px 0}.home-page .photo-stack{grid-template-rows:230px 145px}.home-page .hero h1{font-size:56px}.home-page .hero-copy p{font-size:16px}}
@media(max-width:1100px){.service-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bestseller-grid,.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.home-page .hero{min-height:auto;display:block;padding:42px 0}.home-page .hero-grid{grid-template-columns:1fr;gap:32px}.home-page .photo-stack{max-height:none}.product-grid,.job-product-grid,.service-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.country-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.product-grid,.job-product-grid,.service-product-grid,.bestseller-grid,.featured-grid,.country-product-grid{grid-template-columns:1fr}.product-tile{min-height:245px;padding:19px}.product-tile-top{margin-bottom:22px}.product-tile-foot{align-items:flex-end}.horizontal-price-card{flex-basis:84vw;min-width:84vw;max-width:84vw}.pricing-tabs{width:100%}.pricing-tab{flex:1}.country-product{grid-template-columns:48px 1fr}.country-code{width:48px;height:48px}.home-page .hero h1{font-size:44px}.section-cta{justify-content:stretch}.section-cta .btn{width:100%}}


/* 2026-08-25 mobile-grid + horizontal-table refinement */
.page-photo{position:relative;background:#f3f4f2}
.page-photo>img{width:100%;height:100%;object-fit:cover;object-position:center}
.service-hero-badge{position:absolute;right:18px;bottom:18px;width:74px;height:74px;border:1px solid color-mix(in srgb,var(--brand,#17201b) 24%,#dfe3dc);border-radius:22px;background:rgba(255,255,255,.96);display:grid;place-items:center;box-shadow:0 15px 38px rgba(23,32,27,.16);backdrop-filter:blur(8px)}
.service-hero-badge img{width:40px!important;height:40px!important;object-fit:contain!important}

/* Pricing is a true horizontal product table. Rows remain horizontal on phones and scroll as a unit. */
.pricing-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-bottom:8px;border:1px solid var(--line);border-radius:22px;background:#fff}
.pricing-row-head,.horizontal-price-card{display:grid;grid-template-columns:minmax(230px,1.45fr) minmax(120px,.65fr) minmax(105px,.58fr) minmax(135px,.72fr) 190px;column-gap:16px;align-items:center;min-width:820px}
.pricing-row-head{padding:13px 18px;background:#f7f7f3;border-bottom:1px solid var(--line);font-size:11px;line-height:1.2;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:700;position:sticky;left:0}
.pricing-product-row{display:block;overflow:visible;padding:0;scroll-snap-type:none}
.horizontal-price-card{max-width:none;min-height:92px;padding:16px 18px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:#fff;position:relative;overflow:visible}
.horizontal-price-card:last-child{border-bottom:0}
.horizontal-price-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;height:auto;background:var(--brand)}
.horizontal-price-card:hover{background:#fcfcf9}
.price-brand{min-height:52px}.price-brand .brand-logo-shell{width:44px;height:44px}.price-brand .mini-badge{margin-left:8px;white-space:nowrap}
.price-quantity{margin:0;color:var(--ink);font-size:14px;font-weight:600}
.price-total{margin:0;font-size:30px;line-height:1;font-variant-numeric:tabular-nums}
.price-unit{min-height:0;font-size:12px;line-height:1.45}
.horizontal-price-card .btn{margin:0;width:100%;padding:11px 14px;white-space:nowrap;font-size:13px}
.aged-price-card{background:#fffefa}
.single-price-panel .horizontal-price-card{border-bottom:0}
.pricing-tabs{margin-bottom:18px}
.pricing-footnote{margin-top:14px}

/* Dense product grid on phones — deliberately never collapses to a single catalogue column. */
@media(max-width:600px){
  .product-grid,.job-product-grid,.service-product-grid,.bestseller-grid,.featured-grid,.country-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}
  .product-tile{min-height:225px;padding:14px;border-radius:18px}
  .product-tile-top{margin-bottom:13px;gap:6px}.product-tile .brand-logo-shell{width:39px;height:39px;border-radius:12px}.product-tile .brand-logo-shell img{width:22px;height:22px}
  .product-tile .product-badge,.product-tile .mini-badge{font-size:9px;padding:5px 6px;max-width:78px;text-align:center}
  .product-tile>small{font-size:9px}.product-tile h3{font-size:20px;line-height:1.06;margin:4px 0 7px}.product-tile p{font-size:11.5px;line-height:1.5;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .product-tile-foot{display:block;padding-top:11px}.product-tile-foot strong{font-size:11.5px}.product-card-cta{display:block;text-align:left;font-size:11px;margin-top:5px}
  .country-product{display:block;padding:13px;border-radius:18px}.country-code{width:42px;height:42px;margin-bottom:9px}.country-product h3{font-size:19px}.country-product p{font-size:11px;margin:4px 0 10px}.country-product .btn{font-size:11px;padding:9px 8px}
  .pricing-table-scroll{border-radius:18px;margin-left:0;margin-right:0}
  .pricing-row-head,.horizontal-price-card{min-width:760px;grid-template-columns:210px 112px 100px 135px 165px;column-gap:10px}
  .pricing-row-head{padding:11px 14px;font-size:10px}
  .horizontal-price-card{min-height:84px;padding:13px 14px}
  .price-brand .brand-logo-shell{width:40px;height:40px}.price-brand .brand-logo-shell img{width:22px;height:22px}.price-brand b{font-size:12px}.price-brand small{font-size:10px}.price-brand .mini-badge{font-size:9px}
  .price-quantity{font-size:12px}.price-total{font-size:25px}.price-unit{font-size:11px}.horizontal-price-card .btn{font-size:11px;padding:9px 10px}
  .pricing-tabs{width:auto;max-width:100%}.pricing-tab{min-width:96px}
  .service-hero-badge{width:60px;height:60px;right:12px;bottom:12px;border-radius:17px}.service-hero-badge img{width:32px!important;height:32px!important}
}
@media(max-width:360px){
  .product-grid,.job-product-grid,.service-product-grid,.bestseller-grid,.featured-grid,.country-product-grid{gap:8px}
  .product-tile{padding:12px;min-height:215px}.product-tile h3{font-size:18px}
}

/* =========================================================
   2026-08-25 V4 VISUAL SYSTEM — bright commerce / blue slate
   ========================================================= */
:root{
  --ink:#12233d;
  --muted:#64748b;
  --paper:#ffffff;
  --wash:#f4f8ff;
  --line:#dbe6f3;
  --accent:#2563eb;
  --accent-strong:#1d4ed8;
  --accent-soft:#eaf2ff;
  --green:#0f766e;
  --gold:#c97912;
  --radius:18px;
  --shadow:0 18px 48px rgba(37,99,235,.10);
}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:#fff;color:var(--ink);letter-spacing:-.006em}
h1,h2,h3{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;letter-spacing:-.045em;font-weight:700;line-height:1.03}
h1{font-weight:750}h2{font-weight:720}h3{font-weight:700}
.container{width:min(1200px,calc(100% - 44px))}
.topnote{background:#edf5ff;border-bottom:1px solid #d7e7fb;color:#344966}
.topnote .container{padding:8px 0}
.site-header{background:rgba(255,255,255,.96);border-bottom:1px solid #e2eaf4;box-shadow:0 8px 28px rgba(18,35,61,.035)}
.nav{height:72px}
.brand{gap:10px}
.brand-mark{width:42px;height:42px;border:1px solid #cbdcf6;border-radius:13px;background:linear-gradient(145deg,#f3f8ff,#e6efff);color:#1e5bd8;font-family:Inter,system-ui,sans-serif;font-size:15px;font-weight:800;letter-spacing:-.04em;box-shadow:inset 0 1px #fff}
.brand b{font-size:17px;font-weight:750;color:#132846}
.main-nav a{font-weight:650;color:#31435c}
.main-nav a:hover{color:var(--accent)}
.nav-cta,.btn{border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:12px;padding:12px 17px;font-weight:700;box-shadow:0 7px 18px rgba(37,99,235,.16);transition:transform .18s ease,background .18s ease,box-shadow .18s ease}
.nav-cta:hover,.btn:hover{background:var(--accent-strong);border-color:var(--accent-strong);transform:translateY(-1px);box-shadow:0 10px 22px rgba(37,99,235,.20)}
.btn.alt{background:#fff;color:#23456f;border-color:#cbd9eb;box-shadow:none}
.btn.alt:hover{background:#f7faff;border-color:#a9bfdb;color:#14325a}
.btn.soft{background:#eef5ff;color:#1f5bcf;border-color:#cfe0fb;box-shadow:none}
.menu-btn{border-color:#d6e1ef;border-radius:12px;background:#f9fbff}
.eyebrow{color:#1e64d8;letter-spacing:.15em;font-weight:750}
.hero{padding:58px 0 38px}
.hero-grid{gap:58px}
.hero-copy p,.page-hero p{color:#5f7189}
.hero-actions{gap:10px}
.hero-note{border-color:#dce6f2;color:#6b7b90}
.photo-stack{gap:10px}
.photo-stack img,.story-photo,.page-photo{border-radius:22px}
.photo-stack img{box-shadow:0 20px 55px rgba(39,76,122,.12)}
.photo-stack .main{outline:1px solid #dbe7f5;outline-offset:-1px}
.photo-caption{color:#7890aa}
.band{border-color:#dce6f2;background:#fbfdff}
.band-item{border-color:#dce6f2;padding:23px 24px}
.band-item small{color:#718197}
.section{padding:82px 0}
.section.wash{background:linear-gradient(180deg,#f6faff 0%,#f1f7ff 100%)}
.section-head{margin-bottom:36px}
.section-head p{color:#65778e}
.usecard,.product-tile,.contact-card,.price-card,.package,.country-product{border-color:#dce7f4;border-radius:17px;box-shadow:0 10px 30px rgba(27,70,120,.045)}
.usecard{background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)}
.usecard .num{color:#2563eb}
.text-link,.product-card-cta{color:#1f5fd2}
.service-index{gap:34px}
.category-list a{color:#64778f}
.service-rows{border-color:#dbe5f1}
.service-row{border-color:#e0e8f2;border-radius:10px}
.service-row:hover{background:#f7faff;padding-left:12px}
.service-row .symbol{border-color:#d8e5f4;border-radius:12px;background:#f8fbff}
.quote-strip{background:linear-gradient(135deg,#eef5ff,#f8fbff);border:1px solid #d7e6fa;border-radius:22px;padding:44px}
.quote-strip p{color:#5b7190}
.steps{border:0;gap:12px;background:transparent}
.step{border:1px solid #dce6f3!important;border-radius:16px;min-height:215px;background:#fff;box-shadow:0 8px 24px rgba(30,70,120,.04)}
.step:before{color:#2563eb;margin-bottom:48px}
.faq-item{border-color:#dce5f0}
.faq-q{font-weight:700;color:#203a5b}
.footer{border-color:#dce6f2;background:#f8fbff;padding-top:62px}
.footer a{color:#667990}
.footer a:hover{color:#1d5fd5}
.copyright{border-color:#dbe5f1}
.float-chat{gap:7px}
.float-chat a{width:46px;height:46px;border-radius:13px;border-color:#d5e1ef;box-shadow:0 12px 28px rgba(27,65,110,.13)}
.float-chat .em{color:#2563eb}
.drawer-bg{background:rgba(15,35,65,.27)}
.drawer-panel{box-shadow:-24px 0 70px rgba(24,52,90,.14)}
.drawer-close,.modal-close{border-radius:11px;border-color:#d6e2f0}
.modal-bg{background:rgba(21,45,76,.34)}
.modal-card{border-radius:21px;border:1px solid #dce7f3;box-shadow:0 26px 80px rgba(27,58,99,.20)}
.selected-package{background:#eff5ff;border:1px solid #d8e6fb;border-radius:14px}
.contact-option{border-color:#d9e5f3;border-radius:13px;background:#fff}
.contact-option:hover{background:#f6faff;border-color:#b9cff0}
.page-hero{padding:58px 0 46px}
.page-photo{border:1px solid #dbe7f4;box-shadow:0 22px 56px rgba(28,69,115,.11)}
.crumbs{color:#76879c}
.brand-chip{border-radius:11px}
.notice{border-radius:14px;background:#f2f7ff!important;border-color:#d5e5fb!important}

/* Product merchandising */
.product-tile{background:#fff;border:1px solid #dce7f4;border-radius:17px;box-shadow:0 9px 28px rgba(29,67,111,.045)}
.product-tile:before{height:3px}
.product-tile:hover{transform:translateY(-4px);border-color:#bfd2ec;box-shadow:0 18px 42px rgba(25,65,112,.10)}
.product-badge,.mini-badge{background:#edf4ff;color:#245fc6;border:1px solid #d8e7ff}
.product-tile-foot{border-color:#e1e9f3}
.brand-logo-shell{border-color:#dce6f2!important;box-shadow:0 5px 16px rgba(25,60,105,.055)}
.threads-country-section{background:#f4f8ff}
.country-product{background:#fff}
.country-code{border-radius:12px;background:#12233d}
.section-cta .btn{box-shadow:none}

/* Pricing — commerce-like segmented controls and cleaner table */
.pricing-tabs{border:1px solid #d5e1f0;border-radius:13px;padding:4px;background:#f4f8fd;box-shadow:inset 0 1px 2px rgba(21,50,84,.03)}
.pricing-tab{border-radius:9px;color:#64758c;padding:10px 20px;font-weight:750}
.pricing-tab.active{background:#fff;color:#1f5fd2;box-shadow:0 3px 10px rgba(37,75,120,.10);border:1px solid #d8e5f4}
.pricing-table-scroll{border-color:#d8e4f2;border-radius:17px;box-shadow:0 10px 30px rgba(28,67,111,.05)}
.pricing-row-head{background:#eef4fb;color:#647890;border-color:#d8e4f1}
.horizontal-price-card{border-color:#e1e9f3;background:#fff}
.horizontal-price-card:hover{background:#f8fbff}
.horizontal-price-card:before{width:3px}
.horizontal-price-card .btn.alt{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 7px 16px rgba(37,99,235,.14)}
.horizontal-price-card .btn.alt:hover{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff}
.price-total{font-family:Inter,system-ui,sans-serif;font-weight:780;letter-spacing:-.055em;color:#172f50}
.price-quantity{color:#27405f}
.price-unit{color:#72839a}
.aged-price-card{background:#fffdf9}
.pricing-footnote{background:#f1f6ff;border-color:#d7e5fa;color:#516984;border-radius:13px}

/* Home-first-screen refinement in the new theme */
.home-page .hero{background:radial-gradient(circle at 78% 14%,#eff6ff 0,rgba(239,246,255,0) 35%)}
.home-page .hero h1{color:#102744}
.home-page .hero-copy p{color:#5c708a}

@media(max-width:900px){
  .container{width:min(100% - 28px,1200px)}
  .section{padding:66px 0}
  .page-hero{padding:42px 0 36px}
  .quote-strip{padding:30px}
}

/* MOBILE: keep catalogue 2-up, and freeze the Order Now action so it is always visible. */
@media(max-width:600px){
  .container{width:calc(100% - 24px)}
  .topnote{font-size:11px}.topnote .container{gap:8px}
  .nav{height:64px}.brand-mark{width:38px;height:38px;border-radius:11px}.brand b{font-size:15px}
  .section{padding:54px 0}.section-head{margin-bottom:24px}
  .home-page .hero{padding:32px 0 30px;background:linear-gradient(180deg,#f7faff 0,#fff 42%)}
  .home-page .hero h1{font-size:41px;line-height:1.01}
  .hero-copy p,.page-hero p{font-size:15px;line-height:1.6}
  .page-photo{border-radius:17px}
  .product-grid,.job-product-grid,.service-product-grid,.bestseller-grid,.featured-grid,.country-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px}
  .product-tile{border-radius:14px;min-height:215px;padding:13px;box-shadow:0 6px 18px rgba(29,67,111,.045)}
  .product-tile h3{font-size:18px}.product-tile p{font-size:11px}
  .product-tile .product-badge,.product-tile .mini-badge{border-radius:8px}
  .product-tile-foot{padding-top:10px}
  .country-product{border-radius:14px}

  /* The table itself can still swipe, but the action stays pinned to the viewport edge. */
  .pricing-table-scroll{position:relative;border-radius:14px;overflow-x:auto;padding-right:0}
  .pricing-row-head,.horizontal-price-card{min-width:720px;grid-template-columns:205px 105px 95px 120px 145px;column-gap:9px}
  .pricing-row-head{padding:10px 11px}
  .pricing-row-head>*:last-child{position:sticky;right:0;z-index:8;background:#eaf2fb;margin:-10px -11px -10px 0;padding:10px 12px;text-align:center;box-shadow:-10px 0 14px rgba(44,74,112,.08)}
  .horizontal-price-card{padding:12px 11px;min-height:80px}
  .horizontal-price-card .btn{position:sticky;right:8px;z-index:9;width:132px;justify-self:end;margin:0;background:#2563eb;border-color:#2563eb;border-radius:10px;box-shadow:-10px 0 16px rgba(255,255,255,.94),0 7px 15px rgba(37,99,235,.18);font-size:11px;padding:10px 9px}
  .horizontal-price-card:hover .btn{background:#1d4ed8}
  .price-total{font-size:24px}
  .pricing-tabs{border-radius:11px;width:auto}.pricing-tab{border-radius:8px;padding:9px 14px;min-width:88px}
  .modal-card{border-radius:17px;padding:27px 20px}
  .float-chat{left:12px;bottom:12px}.float-chat a{width:43px;height:43px;border-radius:12px}
}

@media(max-width:370px){
  .home-page .hero h1{font-size:37px}
  .product-tile{padding:11px}.product-tile h3{font-size:17px}
  .horizontal-price-card .btn{width:124px;right:6px}
}

/* =========================================================
   V5 Marketplace navigation + no-scroll mobile pricing
   ========================================================= */
.marketplace-nav{position:relative;display:flex;align-items:center}
.marketplace-trigger{border:0;background:transparent;color:#31435c;font-size:14px;font-weight:700;padding:12px 4px;display:inline-flex;align-items:center;gap:6px}
.marketplace-trigger span{font-size:13px;transition:transform .18s ease}
.marketplace-nav:hover .marketplace-trigger,.marketplace-nav:focus-within .marketplace-trigger,.marketplace-nav.open .marketplace-trigger{color:var(--accent)}
.marketplace-nav:hover .marketplace-trigger span,.marketplace-nav:focus-within .marketplace-trigger span,.marketplace-nav.open .marketplace-trigger span{transform:rotate(180deg)}
.marketplace-mega{position:absolute;top:calc(100% + 14px);left:50%;width:min(860px,calc(100vw - 36px));transform:translate(-50%,8px);background:#fff;border:1px solid #d9e5f3;border-radius:18px;box-shadow:0 24px 70px rgba(24,52,90,.16);padding:18px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility .18s ease;z-index:80}
.marketplace-mega:before{content:"";position:absolute;left:0;right:0;top:-18px;height:18px}
.marketplace-nav:hover .marketplace-mega,.marketplace-nav:focus-within .marketplace-mega,.marketplace-nav.open .marketplace-mega{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.marketplace-mega-head{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:3px 4px 15px;border-bottom:1px solid #e4ebf4;margin-bottom:14px}
.marketplace-mega-head div{display:grid;gap:2px}.marketplace-mega-head small{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#71839a;font-weight:800}.marketplace-mega-head strong{font-size:18px;color:#173457}.marketplace-mega-head>a{font-size:12px!important;color:#1f60d0!important;font-weight:800!important}
.marketplace-mega-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.marketplace-col{min-width:0}.marketplace-col-title{display:block;padding:4px 7px 7px;font-size:10px;text-transform:uppercase;letter-spacing:.11em;color:#8291a5;font-weight:800}
.main-nav .marketplace-col a{display:flex;align-items:center;gap:9px;padding:7px;border-radius:9px;font-size:12px;font-weight:650;color:#314a68;line-height:1.2}
.main-nav .marketplace-col a:hover{background:#f0f6ff;color:#195dcc}
.main-nav .marketplace-col a img{width:18px;height:18px;object-fit:contain;flex:0 0 18px}

.drawer-main-links{padding-top:14px}.drawer-main-links>a{display:flex;align-items:center;justify-content:space-between;padding:14px 2px;border-bottom:1px solid #e2eaf3;font-weight:700;color:#263f5d}
.drawer-marketplace-toggle{width:100%;border:0;background:#eef5ff;color:#1e56a8;border-radius:12px;margin:10px 0 8px;padding:13px 14px;display:flex;align-items:center;justify-content:space-between;font-weight:800;text-align:left}
.drawer-chevron{transition:transform .2s ease}.drawer-marketplace-toggle[aria-expanded="true"] .drawer-chevron{transform:rotate(180deg)}
.drawer-marketplace-list{display:none;padding:2px 0 10px}.drawer-marketplace-list.open{display:block}
.drawer-service-group{padding:10px 0;border-bottom:1px solid #e7edf5}.drawer-service-group>span{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#7c8da3;font-weight:800;margin:0 0 5px 3px}
.drawer-service-group a{display:grid;grid-template-columns:24px 1fr 18px;gap:8px;align-items:center;padding:8px 3px;border-radius:8px;color:#314862}
.drawer-service-group a:hover{background:#f4f8ff}.drawer-service-group a img{width:19px;height:19px;object-fit:contain}.drawer-service-group a b{font-size:13px;font-weight:650}.drawer-service-group a i{font-style:normal;color:#93a2b4}
.drawer-view-all{display:flex!important;justify-content:center!important;background:#2563eb;color:#fff!important;border:0!important;border-radius:10px;margin:12px 0 4px;padding:11px 12px!important;font-size:12px;font-weight:800!important}
.country-mini-code{margin-left:auto;font-size:10px;line-height:1;border:1px solid #d6e1ef;background:#f6f9fd;color:#50647d;border-radius:7px;padding:5px 6px;font-weight:800}
.country-ip-table{margin-top:4px}.country-ip-table .horizontal-price-card:before{background:#111}

@media(max-width:900px){
  .marketplace-mega{display:none}
  .drawer-panel{width:min(440px,100%);padding:22px 18px}
}

/* Keep every pricing row horizontal on phones while keeping the full price and CTA visible. */
@media(max-width:600px){
  .pricing-table-scroll{overflow-x:hidden!important;width:100%;padding-bottom:0}
  .pricing-row-head,.horizontal-price-card{width:100%;min-width:0!important;grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr) minmax(0,.72fr) minmax(0,.95fr) minmax(0,1.13fr);column-gap:3px}
  .pricing-row-head{padding:8px 6px;font-size:7.8px;letter-spacing:.045em;line-height:1.1}
  .pricing-row-head>*:last-child{position:static!important;margin:0!important;padding:0!important;background:transparent!important;box-shadow:none!important;text-align:center}
  .horizontal-price-card{padding:9px 6px;min-height:70px}
  .price-brand{gap:5px;min-width:0;min-height:34px}
  .price-brand .brand-logo-shell{width:28px!important;height:28px!important;min-width:28px;border-radius:8px}.price-brand .brand-logo-shell img{width:17px!important;height:17px!important}
  .price-brand>div{min-width:0}.price-brand small{display:none}.price-brand b{font-size:9.3px;line-height:1.12;white-space:normal;overflow-wrap:anywhere}
  .price-brand .mini-badge,.country-mini-code{display:none}
  .price-quantity{font-size:9px;line-height:1.16;margin:0;white-space:normal}
  .price-total{font-size:17px;line-height:1;font-weight:800;letter-spacing:-.04em;margin:0;white-space:nowrap}
  .price-unit{font-size:7.8px;line-height:1.2;min-height:0;overflow-wrap:anywhere}
  .horizontal-price-card .btn{position:static!important;right:auto!important;z-index:auto!important;width:100%!important;min-width:0;justify-self:stretch;margin:0!important;border-radius:8px;font-size:8.2px;line-height:1.05;padding:8px 2px;box-shadow:0 5px 12px rgba(37,99,235,.14)!important;white-space:nowrap}
}
@media(max-width:370px){
  .pricing-row-head{font-size:7.2px}.horizontal-price-card{padding-left:5px;padding-right:5px;column-gap:2px}.price-brand{gap:3px}.price-brand .brand-logo-shell{width:25px!important;height:25px!important;min-width:25px}.price-brand b{font-size:8.5px}.price-quantity{font-size:8.2px}.price-total{font-size:15.5px}.price-unit{font-size:7px}.horizontal-price-card .btn{font-size:7.5px!important;padding:7px 1px}
}

/* pvazivo brand mark */
.site-logo{width:42px;height:42px;flex:0 0 42px;border-radius:13px;display:block;box-shadow:0 8px 20px rgba(37,99,235,.18)}
@media(max-width:600px){.site-logo{width:38px;height:38px;flex-basis:38px;border-radius:11px}}

/* =========================================================
   2026-09-12 MOBILE READABILITY PASS
   Slightly larger mobile scale + readable pricing tables
   ========================================================= */
@media(max-width:600px){
  body{font-size:16.5px;line-height:1.66}
  .container{width:calc(100% - 22px)}

  /* Utility strip + header */
  .topnote{font-size:12px;line-height:1.35}
  .topnote .container{padding:10px 0}
  .nav{height:72px;gap:14px}
  .brand{gap:12px}
  .site-logo{width:46px;height:46px;flex:0 0 46px;border-radius:13px;box-shadow:0 9px 24px rgba(37,99,235,.20)}
  .brand b{font-size:18px;letter-spacing:-.025em}
  .menu-btn{width:48px;height:48px;border-radius:13px;font-size:24px;line-height:1}

  /* Main mobile typography */
  .eyebrow{font-size:12.5px;letter-spacing:.14em;line-height:1.35}
  .home-page .hero{padding:36px 0 34px}
  .home-page .hero h1{font-size:45px;line-height:1.015;letter-spacing:-.05em}
  .page-hero h1{font-size:43px;line-height:1.03}
  h2{font-size:35px;line-height:1.06}
  h3{font-size:25px;line-height:1.1}
  .hero-copy p,.page-hero p{font-size:17px;line-height:1.62;margin-top:22px}
  .section-head p,.story-copy p,.prose p,.page-copy p,.page-copy li,.contact-card p,.faq-a{font-size:16px;line-height:1.68}
  .crumbs{font-size:13px}

  /* Buttons and hero supporting line */
  .btn,.nav-cta{font-size:16px;min-height:52px;padding:14px 18px;border-radius:13px}
  .hero-actions{gap:11px}
  .hero-note{display:grid;grid-template-columns:1fr;gap:8px;margin-top:24px;padding-top:18px;font-size:14px;line-height:1.35}
  .hero-note span{display:flex;align-items:center;gap:9px}
  .hero-note span:before{content:"";width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#2563eb}

  /* Sections and cards */
  .section{padding:58px 0}
  .section-head{margin-bottom:28px}
  .product-tile{padding:15px;min-height:230px}
  .product-tile h3{font-size:21px;line-height:1.08}
  .product-tile p{font-size:12.5px;line-height:1.55}
  .product-tile>small{font-size:10px}
  .product-tile-foot strong,.product-card-cta{font-size:12px}
  .product-tile .brand-logo-shell{width:42px;height:42px}
  .product-tile .brand-logo-shell img{width:24px;height:24px}
  .usecard p,.step p,.article-card p{font-size:14px;line-height:1.6}
  .faq-q{font-size:16px;padding:20px 0}
  .footer a{font-size:15px}
  .footer-brand p{font-size:15.5px;line-height:1.65}
  .copyright{font-size:12.5px;line-height:1.55}

  /* Pricing tables: stop shrinking five columns into unreadable text.
     Keep the row-table design, but allow a natural horizontal swipe. */
  .pricing-table-scroll{overflow-x:auto!important;-webkit-overflow-scrolling:touch;width:100%;padding-bottom:7px;border-radius:16px;scrollbar-width:thin}
  .pricing-row-head,.horizontal-price-card{
    width:680px!important;
    min-width:680px!important;
    grid-template-columns:190px 105px 90px 120px 135px!important;
    column-gap:8px!important;
  }
  .pricing-row-head{padding:11px 12px!important;font-size:10.5px!important;letter-spacing:.055em;line-height:1.15}
  .pricing-row-head>*:last-child{position:static!important;margin:0!important;padding:0!important;background:transparent!important;box-shadow:none!important;text-align:center}
  .horizontal-price-card{padding:12px!important;min-height:84px!important}
  .price-brand{gap:8px!important;min-height:42px!important}
  .price-brand .brand-logo-shell{width:38px!important;height:38px!important;min-width:38px!important;border-radius:10px}
  .price-brand .brand-logo-shell img{width:22px!important;height:22px!important}
  .price-brand>div{min-width:0}
  .price-brand small{display:block!important;font-size:9.5px!important;line-height:1.15}
  .price-brand b{font-size:11.5px!important;line-height:1.2;white-space:normal;overflow-wrap:anywhere}
  .price-brand .mini-badge{display:none!important}
  .price-quantity{font-size:11.5px!important;line-height:1.25;margin:0!important}
  .price-total{font-size:22px!important;line-height:1;font-weight:800;margin:0!important;white-space:nowrap}
  .price-unit{font-size:10.5px!important;line-height:1.3;min-height:0}
  .horizontal-price-card .btn{position:static!important;width:100%!important;min-width:0;margin:0!important;border-radius:10px;font-size:11.5px!important;line-height:1.1;padding:10px 7px!important;box-shadow:0 5px 12px rgba(37,99,235,.14)!important;white-space:nowrap}
  .pricing-tabs{gap:5px;padding:5px}
  .pricing-tab{font-size:13px;padding:10px 14px;min-width:96px}
  .pricing-footnote{font-size:13px;line-height:1.5}

  /* Other true tables */
  .table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .compare-table{min-width:680px}
  .compare-table th{font-size:11px}
  .compare-table td{font-size:15px;line-height:1.5}
  .compare-table th,.compare-table td{padding:15px 14px}

  /* Floating contacts slightly easier to tap */
  .float-chat a{width:47px;height:47px}
  .float-chat svg{width:23px;height:23px}
}

@media(max-width:370px){
  .home-page .hero h1{font-size:41px}
  .page-hero h1{font-size:40px}
  .site-logo{width:44px;height:44px;flex-basis:44px}
  .brand b{font-size:17px}
  .pricing-row-head,.horizontal-price-card{width:650px!important;min-width:650px!important;grid-template-columns:180px 100px 85px 115px 130px!important}
}

/* =========================================================
   2026-09-12 MOBILE PRICING — ZERO HORIZONTAL SCROLL
   Compact two-line cards keep Product / Qty / Price / CTA visible.
   ========================================================= */
@media(max-width:600px){
  html,body{max-width:100%;overflow-x:hidden}

  .pricing-table-scroll{
    overflow-x:visible!important;
    overflow-y:visible!important;
    width:100%!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .pricing-row-head{display:none!important}
  .pricing-product-row{display:grid!important;gap:10px!important;width:100%;overflow:visible!important}

  .horizontal-price-card{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto auto!important;
    grid-template-areas:
      "brand quantity total"
      "unit order order"!important;
    column-gap:10px!important;
    row-gap:11px!important;
    align-items:center!important;
    padding:14px!important;
    border:1px solid var(--line)!important;
    border-radius:14px!important;
    background:#fff!important;
    overflow:hidden!important;
    box-shadow:0 5px 16px rgba(27,62,103,.045);
  }
  .horizontal-price-card:before{
    top:10px!important;
    bottom:10px!important;
    height:auto!important;
    border-radius:0 4px 4px 0;
  }
  .horizontal-price-card:last-child{border-bottom:1px solid var(--line)!important}

  .price-brand{grid-area:brand;gap:8px!important;min-width:0!important;min-height:40px!important}
  .price-brand .brand-logo-shell{width:38px!important;height:38px!important;min-width:38px!important;border-radius:10px!important}
  .price-brand .brand-logo-shell img{width:22px!important;height:22px!important}
  .price-brand>div{min-width:0!important}
  .price-brand small{display:block!important;font-size:9.5px!important;line-height:1.15!important;color:var(--muted)}
  .price-brand b{display:block;font-size:12px!important;line-height:1.2!important;white-space:normal!important;overflow-wrap:anywhere!important}
  .price-brand .mini-badge,.country-mini-code{display:none!important}

  .price-quantity{grid-area:quantity;min-width:60px;font-size:11.5px!important;line-height:1.18!important;text-align:right!important;white-space:normal!important}
  .price-quantity:before{content:"Qty";display:block;margin-bottom:3px;font-size:8.5px;line-height:1;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:750}

  .price-total{grid-area:total;min-width:58px;font-size:22px!important;line-height:1!important;text-align:right!important;white-space:nowrap!important}
  .price-total:before{content:"Price";display:block;margin-bottom:4px;font-size:8.5px;line-height:1;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:750}

  .price-unit{grid-area:unit;min-width:0!important;font-size:11.5px!important;line-height:1.3!important;align-self:center;color:var(--muted);overflow-wrap:anywhere}

  .horizontal-price-card .btn{
    grid-area:order!important;
    position:static!important;
    justify-self:end!important;
    width:116px!important;
    min-width:116px!important;
    max-width:116px!important;
    min-height:42px!important;
    margin:0!important;
    padding:9px 10px!important;
    border-radius:10px!important;
    font-size:12.5px!important;
    line-height:1.1!important;
    white-space:nowrap!important;
    box-shadow:0 5px 12px rgba(37,99,235,.14)!important;
  }
}

@media(max-width:370px){
  .horizontal-price-card{
    grid-template-columns:minmax(0,1fr) auto auto!important;
    column-gap:7px!important;
    padding:12px!important;
  }
  .price-brand{gap:6px!important}
  .price-brand .brand-logo-shell{width:34px!important;height:34px!important;min-width:34px!important}
  .price-brand .brand-logo-shell img{width:20px!important;height:20px!important}
  .price-brand b{font-size:11px!important}
  .price-quantity{min-width:54px;font-size:10.5px!important}
  .price-total{min-width:52px;font-size:20px!important}
  .price-unit{font-size:10.8px!important}
  .horizontal-price-card .btn{width:106px!important;min-width:106px!important;max-width:106px!important;font-size:11.5px!important;padding:9px 7px!important}
}