/* TINYNET CLASSIC / v0.2 — inspired by the owner's original Wix page.
   Intentional: real photography, readable copy, familiar blue & understated layout. */
:root{color-scheme:light;--bg:#0b548a;--surface:#fff;--line:#dce5ec;--txt:#273746;--muted:#586879;--mint:#258fd0;--blue:#197dbe}
*{scroll-margin-top:90px}
body{color:#293a47;background:#0b558a;font-family:"Segoe UI",Arial,Helvetica,sans-serif;line-height:1.56}
body:before{background:radial-gradient(circle at 6% 240px,#42a2d515,transparent 26%),radial-gradient(circle at 93% 190px,#b7dcfc13,transparent 23%),repeating-linear-gradient(120deg,transparent 0 95px,#e8f6ff04 96px,#e8f6ff04 97px);height:730px}
.wrap{max-width:1120px;padding:0 23px}
.heritage-header{position:sticky;top:0;z-index:70;box-shadow:0 6px 18px #00284820}
.header-brandband{background:#f5f8fb;border-top:5px solid #1387c5;border-bottom:1px solid #ccd9e2}
.brandrow{min-height:100px;display:flex;align-items:center;gap:24px}
.heritage-logo{display:inline-flex;align-items:center}.heritage-logo img{display:block;width:246px;height:82px;object-fit:contain;object-position:left}
.brand-contact{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:5px}
.brand-contact small{color:#637b8f;font-size:10px;font-weight:750;letter-spacing:1.1px}
.brand-contact a{font-size:14px;color:#117db7;font-weight:800}.brand-contact a:hover{text-decoration:underline}
.heritage-navigation{background:#1689c8;box-shadow:inset 0 1px 0 #a6e6ff4a}
.heritage-nav{display:flex;min-height:50px;padding:0 23px}
.heritage-nav a{display:flex;flex:1;justify-content:center;align-items:center;white-space:nowrap;padding:13px 17px;font-size:12px;font-weight:800;color:white;text-align:center;letter-spacing:.5px;border-left:1px solid #ffffff1e;transition:background .15s}
.heritage-nav a:last-child{border-right:1px solid #ffffff1e}
.heritage-nav a.selected,.heritage-nav a:hover{background:#09679f}
.mobile-toggle{display:none}.skip{background:#fff;color:#145989}
.home-heritage{background:#fff}
.hero-blue{background:linear-gradient(125deg,#0a5185,#0e6092);padding:35px 0 27px}
.hero-photo{position:relative;height:465px;overflow:hidden;background:#1b2a38;border:4px solid #e9f2f8;box-shadow:0 9px 24px #0b294c37}
.hero-photo>img{width:100%;height:100%;object-fit:cover;object-position:center 46%;display:block;filter:saturate(.8)}
.hero-photo:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#111b2be8 0%,#15263ac4 29%,#0b182c39 65%,transparent 93%)}
.hero-overlay{position:absolute;z-index:2;top:50%;transform:translateY(-50%);left:58px;color:white;max-width:510px}
.legacy-tag{display:block;color:#bed4e5;font-size:10px;letter-spacing:1.8px;font-weight:800;margin-bottom:13px}
.hero-overlay h1{color:#fff;font-size:clamp(38px,5vw,57px);font-weight:800;line-height:1.05;letter-spacing:-2px;margin:0 0 15px}
.hero-overlay h1 em{font-style:normal;color:#39abed}
.hero-overlay p{font-size:16px;line-height:1.8;color:#f2f5fb;margin:0 0 27px}
.legacy-button{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;background:#278fd5;color:white;font-size:13px;font-weight:750;min-height:45px;padding:11px 19px;border-radius:3px;box-shadow:0 5px 13px #0002;border:1px solid #1b86c7;transition:background .2s}
.legacy-button:hover{background:#0e6da8}.legacy-button>span{font-size:17px}
.intro-strip{display:flex;gap:17px;align-items:center;color:#e9f7ff;font-size:12px;padding:23px 5px 0}
.intro-strip strong{font-size:14px;white-space:nowrap}.intro-strip span{flex:1;color:#ccdfed}
.intro-strip a{white-space:nowrap;color:white;text-decoration:underline;text-underline-offset:3px}
.classic-services{padding:64px 0 85px;background:#fff}
.classic-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:29px;border-bottom:1px solid #d6e1e9;padding-bottom:16px}
.classic-title span,.section-kicker{font-size:11px;letter-spacing:1.4px;font-weight:800;color:#348dbe}
.classic-title h2{color:#253849;font-size:30px;letter-spacing:-.7px;line-height:1.2;margin:6px 0 0}
.classic-title h2 b{color:#1987ca;font-weight:800}.classic-title p{font-size:13px;color:#7a8793;margin:0 0 3px}
.service-tile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.service-tile{background:#f8fafb;border:1px solid #dce5e9;box-shadow:0 8px 20px #233e5513;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}
.service-tile:hover{box-shadow:0 12px 24px #174d7030;transform:translateY(-3px)}
.service-photo{height:193px;overflow:hidden;background:#d8e5ef}
.service-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}
.service-tile:hover img{transform:scale(1.04)}
.service-caption{background:#303d49;color:#f4f7f9;padding:18px 20px 16px;flex:1;display:flex;flex-direction:column}
.service-caption h3{margin:0 0 7px;color:#51bcff;font-size:20px;letter-spacing:-.5px;font-weight:800}
.service-caption p{font-size:12px;line-height:1.65;color:#d4e0e9;margin:0 0 15px}
.service-caption span{margin-top:auto;color:#abd6ef;text-decoration:underline;text-underline-offset:3px;font-size:11px}
.store-classic{padding:67px 0 79px;background:#eff4f8;border-top:1px solid #dfeaf0;border-bottom:1px solid #dde6ec}
.store-classic-intro{max-width:780px;font-size:13px;color:#5c7183;line-height:1.75;margin:-10px 0 28px}
.store-showcase{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.store-promo{background:white;border:1px solid #d7e2ea;box-shadow:0 5px 15px #20394e15;display:flex;flex-direction:column}
.store-promo img{width:100%;height:172px;object-fit:cover;display:block}
.store-promo>div{padding:18px 20px;flex:1;display:flex;flex-direction:column}
.store-promo small{color:#3782ac;font-size:10px;letter-spacing:1px;font-weight:800}
.store-promo h3{font-size:19px;color:#203c53;margin:6px 0}
.store-promo p{font-size:12px;color:#697f8f;margin:0 0 15px}
.store-promo span{font-size:12px;font-weight:750;color:#167ebf;margin-top:auto}
.store-action{text-align:center;margin-top:34px}.store-action .legacy-button{min-width:185px}
.about-classic{background:white;padding:72px 0}
.about-flex{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center}
.about-flex>img{height:315px;width:100%;object-fit:cover;border:6px solid #f1f6fa;box-shadow:0 8px 24px #1a395720}
.about-flex h2{font-size:32px;line-height:1.17;color:#263c4c;letter-spacing:-1px;margin:11px 0 17px}
.about-flex p{font-size:13px;color:#526a7a;line-height:1.86;margin:0 0 14px}
.legacy-button.outline{background:white;color:#0f78b4;border:1px solid #1583c0;box-shadow:none;margin-top:12px}.legacy-button.outline:hover{background:#eaf5fc}
.classic-contact{background:#1281be;padding:36px 0;color:white}
.contact-row{display:flex;align-items:center;justify-content:space-between;gap:25px}
.contact-row h2{color:white;font-size:24px;letter-spacing:-.6px;margin:0 0 4px}
.contact-row p{font-size:13px;color:#e0f4ff;margin:0}
.legacy-button.white{background:#fff;color:#076ba7;border-color:#fff;white-space:nowrap}
.heritage-footer{background:#29343c;color:#e8eff3;border-top:4px solid #1489ca}
.footer-simple{display:grid;grid-template-columns:1.45fr 1fr 1.2fr .9fr;gap:28px;padding-top:48px;padding-bottom:43px}
.footer-simple img{height:61px;width:190px;object-fit:contain;object-position:left;filter:brightness(0) invert(1);opacity:.88}
.footer-simple h4{font-size:11px;letter-spacing:1px;margin:7px 0 15px;color:#fff}
.footer-simple a{display:block;font-size:12px;color:#c9d7df;margin:9px 0}.footer-simple a:hover{color:#55beee}
.footer-company p{font-size:12px;line-height:1.8;color:#b5c3cc;margin:13px 0}
.footer-signoff{display:flex;justify-content:space-between;gap:15px;padding-top:18px;padding-bottom:20px;border-top:1px solid #ffffff23;font-size:11px;color:#b1c1cd}

/* Other pages — classic, bright, photo-led and less "AI-dashboard" */
.heritage-content{background:#fff;min-height:500px}
.heritage-content .page-head{padding:42px 0 34px;background:#edf5fa;border-bottom:1px solid #cbdde9}
.heritage-content .page-head .eyebrow{color:#368abd;font-size:11px;letter-spacing:1.3px}
.heritage-content .page-head h1{color:#1e3c52;letter-spacing:-1.9px;font-size:clamp(39px,4.3vw,55px);margin:12px 0 13px}
.heritage-content .page-head h1 .gradient{background:none;color:#278fce;-webkit-text-fill-color:#278fce}
.heritage-content .page-head p{font-size:14px;color:#597587}
.heritage-content .breadcrumb,.heritage-content .breadcrumb span{color:#69869b}
.heritage-content .breadcrumb a{color:#167cbb}
.heritage-content .section,.heritage-content .section.soft{background:#fff}
.heritage-content .section.soft{background:#eef4f8}
.heritage-content .section-head h2,.heritage-content .content-title{color:#1e394c;letter-spacing:-1px}
.heritage-content .section-head h2 .gradient,.heritage-content .content-title .gradient{background:none;color:#258ec8;-webkit-text-fill-color:#258ec8}
.heritage-content .section-head p{color:#5c7180}
.heritage-content .product-card{border-radius:4px;border:1px solid #dce6ed;background:white;box-shadow:0 4px 17px #29486212}
.heritage-content .new-product-photo{height:205px;background:#edf3f6}
.heritage-content .new-product-photo img{width:100%;height:100%;object-fit:cover;display:block}
.heritage-content .product-body{padding:20px 21px}
.heritage-content .product-body h3{font-size:21px;color:#1d4865}
.heritage-content .product-body p{color:#677d8d}
.heritage-content .overline{color:#208abf}
.heritage-content .product-status{color:#657988}
.heritage-content .product-bottom{border-top:1px solid #e3eaf0}
.heritage-content .product-bottom a{color:#147cbb}
.heritage-content .notice{background:#e8f4fb;color:#496b81;border:1px solid #d1e4f0;border-radius:3px}
.heritage-content .notice b{color:#165780}
.heritage-content .filter-btn{border:1px solid #d0dfe8;background:white;color:#3b6379;border-radius:3px}
.heritage-content .filter-btn:hover,.heritage-content .filter-btn[aria-pressed=true]{background:#1788c6;color:white;border-color:#1788c6}
.heritage-content .shop-count{color:#7a8d98}
.heritage-content .solution,.heritage-content .step,.heritage-content .contact-card{background:#f5f8fa;border:1px solid #dbe6ed;border-radius:5px}
.heritage-content .solution h3,.heritage-content .step h3,.heritage-content .contact-card h2{color:#295069}
.heritage-content .solution p,.heritage-content .step p,.heritage-content .contact-card p{color:#627c8e}
.heritage-content .solution .ico{background:#e1f1f8;color:#1d8aca}
.heritage-content .feature{color:#496878}
.heritage-content .feature span{color:#1996cd}
.heritage-content .detail-copy h1{color:#21465c}
.heritage-content .detail-copy .gradient{background:none;-webkit-text-fill-color:#2997d5;color:#2997d5}
.heritage-content .detail-copy p{color:#5f7686}
.heritage-content .detail-art{background:linear-gradient(150deg,#ddebf3,#c0dceb)}
.heritage-content .detail-art .mini-app{background:#1c4567}
.heritage-content .purchase{background:#eaf4fb;border:1px solid #cfe4f0;color:#21445b}
.heritage-content .purchase h3{color:#224d69}
.heritage-content .purchase p{color:#496b81}
.heritage-content .btn.primary{background:#168ac8;color:#fff;border-radius:3px;box-shadow:none}
.heritage-content .btn.secondary{border:1px solid #2b8dc2;border-radius:3px;background:white;color:#147db5}
.heritage-content .cta{background:#0e679d;border:none;border-radius:4px}
.heritage-content .cta h2,.heritage-content .cta h2 .gradient{color:white;-webkit-text-fill-color:white}
.heritage-content .cta p{color:#e5f1f9}
.heritage-content .cta .eyebrow{color:#d7effa}
.heritage-content .faq summary,.heritage-content .text-page h2{color:#21445d}
.heritage-content .faq p,.heritage-content .text-page p,.heritage-content .text-page li{color:#577282}
.heritage-content .text-page a{color:#168ac8}
.heritage-content .warning{color:#765726}
.heritage-content .detail-overline{color:#1379ad}
.heritage-content .ribbon{color:#1379ad}

/* Existing client account remains illustrative, NOT a live login. */
@media(max-width:980px){.hero-photo{height:410px}.footer-simple{grid-template-columns:1.2fr 1fr 1fr}.footer-simple>div:last-child{grid-column:2/-1}}
@media(max-width:810px){.brandrow{min-height:75px}.heritage-logo img{width:194px;height:70px}.brand-contact{display:none}.mobile-toggle{display:block;margin-left:auto}.heritage-navigation{position:relative}
 .heritage-nav{display:none;position:absolute;z-index:71;left:0;right:0;top:0;background:#117cb5;padding:12px 23px 18px;flex-direction:column;box-shadow:0 15px 30px #0003}
 .heritage-nav.open{display:flex}.heritage-nav a{border:0!important;display:block;text-align:left;padding:12px 16px;font-size:12px}.heritage-header{position:sticky}
 .service-tile-grid,.store-showcase{grid-template-columns:repeat(2,1fr)}.about-flex{gap:30px}.intro-strip{flex-wrap:wrap}.intro-strip strong{flex-basis:100%}
 .heritage-content .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:590px){.wrap{padding:0 17px}.header-brandband{border-top-width:4px}.brandrow{min-height:68px}.heritage-logo img{height:60px;width:178px}
 .hero-blue{padding:18px 0 14px}.hero-photo{height:370px;border:3px solid white}
 .hero-photo>img{object-position:center center}
 .hero-photo:before{background:linear-gradient(90deg,#172533e6 0%,#172533bf 52%,#17253340 100%)}
 .hero-overlay{left:23px;right:23px;max-width:310px}.hero-overlay h1{font-size:42px;letter-spacing:-1.2px}.hero-overlay p{font-size:13px;line-height:1.7}
 .legacy-tag{font-size:9px;letter-spacing:1px}.legacy-button{min-height:44px;font-size:12px;padding:11px 15px}
 .intro-strip{gap:7px;padding:17px 4px 3px}.intro-strip span,.intro-strip a{font-size:11px}.intro-strip a{margin-top:6px}
 .classic-services,.store-classic,.about-classic{padding:48px 0}.classic-title{align-items:start;flex-direction:column;gap:7px}.classic-title h2{font-size:26px}.classic-title p{font-size:12px}
 .service-tile-grid,.store-showcase{grid-template-columns:1fr;gap:16px}.service-photo{height:200px}.service-caption{padding:15px 19px}.service-caption h3{font-size:19px}.service-caption p{margin-bottom:11px}
 .store-classic-intro{font-size:12px}.store-promo img{height:185px}.store-promo>div{padding:16px}.about-flex{grid-template-columns:1fr;gap:23px}.about-flex>img{height:230px}.about-flex h2{font-size:26px}
 .contact-row{align-items:start;flex-direction:column;gap:17px}.contact-row h2{font-size:23px}
 .footer-simple{grid-template-columns:1fr 1fr;gap:24px;padding-top:33px}.footer-company{grid-column:1/-1}.footer-simple>div:last-child{grid-column:auto}
 .footer-signoff{flex-direction:column;gap:5px}.heritage-content .cards{grid-template-columns:1fr}.heritage-content .page-head h1{font-size:39px}
 .heritage-content .new-product-photo{height:204px}.heritage-content .section{padding:46px 0}
 .heritage-content .detail-art{height:235px}.heritage-content .detail-copy h1{font-size:34px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
