/* Sennabrook visual refinement. All assets are served locally. */
:root{--display:"Avenir Next","Segoe UI",Arial,sans-serif;--body:"Avenir Next","Segoe UI",Arial,sans-serif;--paper:#f6f3ec;--paper-2:#ece8dd;--card:#fffefb;--line:#d9d5ca;--amber:#ffc536;--amber-deep:#785100;--ribbon-height:36px;--header-height:72px}
html{scroll-padding-top:calc(var(--ribbon-height) + var(--header-height) + 20px)}
body{font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
button,input,textarea,select{font:inherit}
img{display:block;max-width:100%;height:auto}
[hidden]{display:none!important}
::selection{background:#ffc536;color:#10161d}
h1,h2,h3{letter-spacing:-.045em;line-height:1.12}
.wrap{max-width:1240px;padding-inline:28px}
.kicker,.tag{font-size:11px;letter-spacing:.15em}
.sec-h{font-size:clamp(30px,4.3vw,48px);max-width:20em}
.sec-p{line-height:1.75}
.btn{border-radius:7px;font-size:15px;min-height:52px;line-height:1.3;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}
.btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #10161d16}
.btn:active{transform:translateY(0)}
a,button{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid #976200;outline-offset:5px}
.dark :focus-visible,.top :focus-visible,.ribbon :focus-visible,footer :focus-visible{outline-color:var(--amber)}
.skip{position:fixed;left:-9999px;top:8px;z-index:1000;background:var(--amber);color:var(--ink);padding:10px 16px;border-radius:5px}
.skip:focus{left:8px}
.top{backdrop-filter:blur(16px)}
.top .wrap{min-height:72px}
.ribbon{background:#e9e4d8;padding:7px 12px;border-bottom:1px solid #d5cdbc}
.ribbon p{background:transparent;color:#24292b;font-weight:700;font-size:11px;letter-spacing:.07em;padding:0;line-height:20px}
.ribbon a{color:#10161d;text-underline-offset:3px}
.demo-page .top{top:var(--ribbon-height);background:#10161df5}
.demo-page .brand b{font-size:17px;letter-spacing:-.025em}
.demo-page .brand small{font-size:9px;letter-spacing:.1em}
.demo-page .top-call{font-family:var(--body);font-size:13px}
.demo-page .ticket{box-shadow:0 20px 45px #10161d12;border:1px solid var(--line);border-top:4px solid var(--amber);border-radius:12px;padding:26px}
.demo-page .callbar{border-top:1px solid #38404a;background:#10161df5;backdrop-filter:blur(14px);padding-bottom:env(safe-area-inset-bottom)}
.demo-page .callbar a{min-height:44px;font-size:14px}
.demo-page .callbar p{font-size:13px}
.demo-page .field input,.demo-page .field select,.demo-page .field textarea{border-color:#bbb9b0;border-radius:6px}
.demo-page .tag i{animation:none}
.faq summary{font-size:18px;padding-block:22px;line-height:1.4}
.faq summary::after{border-radius:50%;background:transparent;color:inherit;font-size:24px}
.faq details[open]{background:#ffffff45}
.faq details p{line-height:1.75}
.prob,.plan,.inc,.days li,.own,.tier,.shot,.svc,.app{border-radius:12px}
.rv,.js .rv,.js .rv.in{opacity:1;transform:none;transition:none}
html.motion-off{scroll-behavior:auto!important}
.motion-off *,.motion-off *::before,.motion-off *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.motion-off .btn:hover,.motion-off .showcase-card:hover,.motion-off .shot:hover img,.motion-off .shot:hover svg{transform:none!important}
.motion-toggle{font-size:11px;letter-spacing:.03em;font-family:var(--mono);background:transparent;color:inherit;border:1px solid currentColor;border-radius:4px;min-height:36px;padding:5px 10px;cursor:pointer;margin-top:14px}
.demo-toast{position:fixed;z-index:1000;bottom:92px;left:50%;transform:translateX(-50%);width:min(420px,calc(100% - 32px));background:#fffefb;color:#10161d;border:1px solid #d9d5ca;border-left:4px solid var(--amber);border-radius:8px;box-shadow:0 12px 45px #0003;padding:18px 48px 18px 18px;font-size:14px}
.demo-toast button{position:absolute;right:10px;top:10px;border:0;background:#eee9dc;border-radius:4px;min-width:32px;min-height:32px;cursor:pointer}
/* Agency homepage */
.agency .top{position:sticky;top:0;z-index:70;background:#10161df5}
.agency .logo{color:var(--paper);font-size:23px;letter-spacing:-.06em;gap:12px}
.agency .logo i{width:12px;height:12px;border-radius:2px}
.agency-nav{display:flex;gap:27px;align-items:center}
.agency-nav a{color:#c5c8c9;font-size:13px;font-weight:500}
.agency-nav .nav-contact{border:1px solid #636972;border-radius:6px;padding:9px 15px;color:var(--paper)}
.agency .hero{padding:76px 0 82px;background:#10161d}
.agency .hero::before{background-image:radial-gradient(ellipse at 80% 45%,#28344488,transparent 58%);background-size:auto}
.agency .hero .wrap{grid-template-columns:1.04fr 1fr;gap:60px;align-items:center}
.agency .hero h1{font-size:clamp(40px,4.8vw,67px);font-weight:650;line-height:1.07;letter-spacing:-.06em}
.agency .hero h1 em{display:block;margin-top:5px}
.agency .lede{font-size:17px;max-width:31em;line-height:1.75;margin-top:24px;color:#bac1c8}
.agency .hero .kicker{font-size:10px;letter-spacing:.16em;margin-bottom:23px}
.agency .price-chip{font-family:var(--body);font-size:12px;color:#b9c1ca;margin-top:22px;line-height:1.8}
.agency .price-chip b{color:#eeeae0}
.agency .cta{gap:12px;margin-top:28px}
.hero-showcase{position:relative;min-width:0;padding:14px 0 32px}
.browser-frame{border:1px solid #59616d;background:#19222d;border-radius:10px;overflow:hidden;box-shadow:0 32px 75px #0005;transform:rotate(-1.5deg)}
.browser-chrome{height:33px;display:flex;align-items:center;gap:5px;padding:0 12px;background:#252e39;border-bottom:1px solid #424a55}
.browser-chrome i{width:5px;height:5px;border-radius:50%;background:#707884}
.browser-chrome span{margin:auto;font-size:9px;color:#aab2bc;font-family:var(--mono)}
.mini-site{position:relative;aspect-ratio:1.28;background:#15212e;color:#fff;overflow:hidden}
.mini-site>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:65% 50%}
.mini-site::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0b1016db,#0b101638)}
.mini-site-content{position:relative;z-index:1;padding:22px}
.mini-brand{font-size:11px;font-weight:700;display:flex;align-items:center;gap:7px}
.mini-brand span{color:#ffc536;font-size:17px}
.mini-title{font-size:clamp(23px,2.8vw,37px);font-weight:650;letter-spacing:-.04em;line-height:1.12;margin-top:58px;max-width:8em}
.mini-title em{font-style:normal;color:var(--amber)}
.mini-cta{background:var(--amber);color:#10161d;font-size:9px;font-weight:700;padding:9px 13px;border-radius:3px;display:inline-block;margin-top:20px}
.mini-footer{display:flex;gap:22px;justify-content:center;padding:12px;background:#f3efe6;color:#485059;font-size:8px}
.floating-note{position:absolute;right:-13px;bottom:52px;display:flex;gap:11px;align-items:center;background:#fffefb;border:1px solid #d9d5ca;box-shadow:0 12px 30px #0002;color:#10161d;border-radius:9px;padding:16px 20px;font-size:12px}
.floating-note .note-icon{width:33px;height:33px;background:#edf2e7;color:#435735;display:grid;place-items:center;border-radius:50%;font-size:19px}
.floating-note b,.floating-note small{display:block}.floating-note small{font-size:10px;color:#66705d}
.preview-caption{font-family:var(--mono);font-size:10px;color:#a6b0bb;margin:16px 0 0;letter-spacing:.02em}
.proof-strip{border-bottom:1px solid var(--line);background:#ede9df}
.proof-strip .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:19px;font-size:12px;color:#535850}
.proof-strip b{color:#10161d;font-size:12px}.proof-strip span::before{content:"↗";margin-right:9px;color:#805800}
.agency section{padding:88px 0}
.section-top{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}
.text-link{font-size:14px;white-space:nowrap;text-underline-offset:5px;font-weight:600}
.showcase-grid{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:22px;align-items:start}
.showcase-card{min-width:0;text-decoration:none;display:block;transition:transform .25s ease}
.showcase-card:hover{transform:translateY(-5px)}
.sample-window{aspect-ratio:1.35;border-radius:10px;overflow:hidden;border:1px solid #d6d3c9;background:#10161d;position:relative}
.sample-window>img{width:100%;height:100%;object-fit:cover}
.sample-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#10161deb 0,#10161dc4 55%,#10161d59 100%)}
.ai-tag{position:absolute;right:8px;bottom:8px;z-index:2;font-family:var(--mono);font-size:10px;line-height:1.3;background:#10161dd9;color:#f3efe6;padding:4px 8px;border-radius:4px}
.sample-copy{position:absolute;top:23%;left:8%;right:10%;z-index:1;color:#f3efe6;font-size:clamp(18px,2.1vw,28px);line-height:1.1;letter-spacing:-.045em;font-weight:650;max-width:9em}
.sample-copy small{font-size:8px;letter-spacing:.02em;display:block;margin-bottom:20px;font-weight:500}
.sample-copy em{color:var(--amber);font-style:normal}
.sample-basic{display:grid;grid-template-columns:1fr .68fr;padding:20px;gap:16px;align-items:center;background:#151d26}
.sample-basic .sample-copy{position:static;font-size:22px}
.sample-basic .form-lines{background:#fffefb;border-radius:4px;border-top:4px solid var(--amber);padding:13px 10px}
.form-lines i{display:block;background:#f1eee7;border:1px solid #dfdbd2;height:14px;margin-bottom:8px}.form-lines i:last-child{background:#10161d;height:16px;margin:0}
.sample-dash{padding:18px;background:#ece8de}.sample-dash header{background:#10161d;color:#f3efe6;font-size:9px;padding:10px;border-radius:5px;margin-bottom:12px}
.sample-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.sample-metrics div{background:#fffdf8;border:1px solid #dad5c9;border-radius:4px;padding:10px 7px;font-size:8px;color:#646b71}.sample-metrics b{display:block;color:#10161d;font-size:21px;line-height:1.2}
.sample-bars{background:#fffdf8;padding:15px 12px;border-radius:4px;margin-top:9px}.sample-bars i{display:block;height:7px;background:#ffc536;margin-bottom:8px;border-radius:2px}.sample-bars i:nth-child(2){width:68%;background:#a3adb0}.sample-bars i:last-child{width:45%;background:#68747a;margin-bottom:0}
.showcase-card h3{display:flex;justify-content:space-between;font-size:19px;margin-top:18px;letter-spacing:-.025em}.showcase-card h3 span{font-family:var(--mono);color:#7d8388;font-size:14px}.showcase-card p{font-size:13px;color:var(--muted);margin-top:5px}.showcase-card .tier-label{display:block;font-size:11px;font-family:var(--mono);margin-top:13px;color:var(--amber-deep)}
.showcase-notice{font-size:11px;color:#636b71;margin-top:24px}
.enquiry-section{background:#eae6dc;border-block:1px solid #d9d5ca}
.enquiry-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.enquiry-grid .thread{max-width:none;border-radius:12px;border:1px solid #d5d0c4;padding:25px;box-shadow:0 18px 50px #10161d0b}
.enquiry-grid .thread-h{border-bottom:1px solid #ddd7cb}.enquiry-grid .ev{padding:10px 0}
.agency .prob{border:1px solid var(--line);border-top:3px solid #dcb451;padding:25px;background:transparent}
.agency .prob h3{font-size:21px}.agency .prob p{font-size:15px}
.agency .own{border:1px solid var(--line);margin-top:25px}.agency .own div{padding:26px}.agency .own .r{background:#e7ddb9}
.agency .inc{border:1px solid var(--line)}.agency .inc li{padding:25px;grid-template-columns:35px 1fr;gap:18px}.agency .inc .n{width:35px;height:35px;background:#ece6d7;color:#72510d;font-size:12px;border-radius:50%}.agency .inc h3{font-size:20px}.agency .inc p{font-size:15px}
.agency .plan{padding:30px 25px;background:#18212b;border:1px solid #39424d;position:relative}.agency .plan.hi{border:1px solid var(--amber);background:#202a34}.agency .plan.hi::before{content:"THE CUSTOM WEBSITE";position:absolute;top:-13px;left:25px;font-size:9px;letter-spacing:.12em;font-family:var(--mono);background:var(--amber);color:#10161d;padding:4px 10px;border-radius:4px}.agency .plan h3{font-size:23px}.agency .amt{font-size:48px;margin-top:23px;letter-spacing:-.05em}.agency .plan ul{font-size:14px;line-height:1.6;gap:9px}.agency .plan-demo{font-size:14px;text-underline-offset:5px;padding-top:28px}.agency .terms{font-size:13px}.agency .setup{font-size:12px;color:#c4cbd1}.agency .amt span{font-size:14px;letter-spacing:0}
.agency .days{gap:14px}.agency .days li{padding:22px;background:transparent;border:1px solid var(--line);grid-template-columns:64px 1fr}.agency .days .d{background:#e7ddb9;font-size:10px}.agency .days p{font-size:14px}
.agency .final{padding:80px 0}.agency .final h2{font-size:clamp(35px,4.5vw,58px);max-width:16em;letter-spacing:-.05em}.agency .final p{font-size:16px}.agency footer{padding:33px 0;font-size:12px}
/* Comparison page */
.comparison .hero{padding:75px 0}.comparison .hero::before{opacity:.3}.comparison .hero h1{font-size:clamp(37px,5vw,62px)}
.comparison main{padding:55px 0 80px}.comparison .tiers{gap:24px}.comparison .tier{border:1px solid #cfc9bb}.comparison .tier.hi{box-shadow:none;border:1px solid #987119}.comparison .body{padding:26px 22px}.comparison .shot{border:0;border-radius:0;padding:0}.comparison .shot .sample-window{border:0;border-radius:0;aspect-ratio:1.45}.comparison .price{font-size:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;line-height:1.25}.comparison .tier ul{font-size:14px;gap:9px}.comparison .desc{font-size:15px}
/* Pro: photography leads; illustration supports the service explanations. */
.pro .hero{min-height:610px}
.pro .hero .hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center}
.pro .hero::after{background:linear-gradient(90deg,#0b1016ed 0%,#0b1016ac 36%,#0b101620 77%),linear-gradient(0deg,#0b101660,transparent 50%)}
.pro .hero .wrap{padding-top:100px;padding-bottom:112px}
.pro .hero h1{font-size:clamp(42px,5.6vw,75px);max-width:10em;letter-spacing:-.055em}
.pro .hero .lede{font-size:17px;max-width:29em;color:#deded9}
.pro .illus{font-size:10px;background:#10161dbd;backdrop-filter:blur(10px);bottom:12px;right:16px;border-radius:4px;padding:5px 9px}
.pro .facts{background:#e8e1ce}.pro .facts div{border:0!important;padding:22px 28px!important}.pro .facts dt{font-size:10px;color:#575c54}.pro .facts dd{font-size:33px;line-height:1.3;letter-spacing:-.03em}.pro .facts dd small{font-size:13px}
.pro .svc{border:1px solid var(--line);grid-template-columns:1fr!important}.pro .svc-art{min-height:175px;order:0!important;background:#17212b}.pro .svc-art svg{height:175px}.pro .svc-body{padding:28px}.pro .svc h3{font-size:25px}.pro .svc h4{font-size:10px}.pro .svc p,.pro .svc ul{font-size:14px}.pro .svc .know{font-size:13px;background:#f1eee5;border-left:3px solid #d1af4d}.pro .svc .ask{font-size:14px;text-underline-offset:4px}.pro .svc-nav a{border:1px solid var(--line);font-family:var(--body);font-size:12px;min-height:42px;display:flex;align-items:center}
.pro .wire,.pro .star,.pro .win,.pro .lamp,.pro .led,.pro .cloud,.pro .ringp,.max .trace,.max .node{animation:none!important}
.pro .wire{stroke-dasharray:none;opacity:.7}.pro .win{opacity:1}.pro .ringp{display:none}.pro .par{will-change:auto}.pro .local{border-color:var(--line)}
.pro .band-scene{padding:80px 0;background:#10161d}.pro .band-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%;opacity:.4}.pro .band-scene::after{background:linear-gradient(90deg,#10161ddd,#10161d80)}
.pro .steps li{background:#10161ddb;border:1px solid #59606a;border-radius:9px;padding:26px}.pro .steps li::before{font-size:10px}.pro .steps h3{font-size:21px}.pro .steps p{font-size:14px}
.pro .shot{border:1px solid var(--line)}.pro .shot .pic{aspect-ratio:10/7}.pro .shot .pic img,.pro .shot .pic svg{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.pro .shot:hover .pic img{transform:scale(1.035)}.pro .shot figcaption{padding:20px}.pro .shot figcaption b{font-size:18px}.pro .shot figcaption span{font-size:10px}
.pro .filters button{font-family:var(--body);font-size:12px;border-color:#c4bdae;min-height:44px}.pro .placeholder{padding:30px;border:1px solid #52606c;background:#18212b}.pro .placeholder strong{font-size:23px}.pro .placeholder span{font-size:14px}
/* Max portal */
.max .circ{opacity:.25}.max .hero{padding:75px 0}.max .pubcard{border:1px solid #53606a;border-radius:12px;overflow:hidden}.max .pubcard>img{width:100%;aspect-ratio:1.8;object-fit:cover}.max .app{border:1px solid #b8b8ad;box-shadow:0 20px 60px #10161d0b}.max .appbar{padding:20px}.max .tabs{gap:3px;padding:8px;background:#e9e5db}.max .tabs button{font-family:var(--body);font-size:13px;border-radius:5px;min-height:44px}.max .tile,.max .box,.max .job{border-radius:8px}.max .tile{border:1px solid #d9d5ca}.max .tile dd{letter-spacing:-.035em}.max .sigpad canvas{touch-action:none}.max .job.flash{animation:job-updated .65s ease-out}.max .bars b{transition:width .3s ease}
@keyframes job-updated{from{box-shadow:0 0 0 3px #c39724}to{box-shadow:0 0 0 0 transparent}}
/* Animation is opt-in via JS; content remains visible if scripts fail. */
@keyframes reveal-once{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.enter-once{animation:reveal-once .5s cubic-bezier(.2,.7,.2,1) both}
@media(min-width:1000px){.pro .svcs{grid-template-columns:1fr 1fr;gap:24px}}
@media(max-width:980px){.agency .hero .wrap{gap:36px;grid-template-columns:1fr 1fr}.agency .hero h1{font-size:49px}.mini-title{font-size:28px;margin-top:32px}.mini-site-content{padding:18px}.showcase-grid{grid-template-columns:1fr 1fr 1fr;gap:17px}.sample-basic{padding:13px;gap:8px}.sample-basic .sample-copy{font-size:18px}.sample-copy{font-size:22px}.sample-copy small{margin-bottom:12px}.sample-dash{padding:12px}.sample-bars{padding:9px}.sample-metrics div{padding:7px 5px}.enquiry-grid{gap:40px}}
@media(max-width:720px){
 .wrap{padding-inline:22px}.top .wrap{min-height:66px}.agency .top .wrap{gap:14px}.agency .logo{font-size:21px}.agency-nav{gap:17px}.agency-nav a{font-size:12px}.agency-nav .nav-included{display:none}.agency-nav .nav-contact{padding:7px 10px}
 .agency .hero{padding:42px 0 44px}.agency .hero .wrap{grid-template-columns:1fr;gap:32px}.agency .hero h1{font-size:clamp(38px,8.6vw,61px);max-width:10em}.agency .hero .kicker{font-size:9px;letter-spacing:.1em;margin-bottom:18px}.agency .lede{font-size:16px;margin-top:20px}.agency .price-chip{font-size:11px}.hero-showcase{max-width:500px;width:100%;padding:8px 5px 30px;margin-inline:auto}.mini-site{aspect-ratio:1.48}.mini-title{font-size:32px;margin-top:36px}.floating-note{position:static;width:max-content;max-width:100%;margin:14px 0 0 auto;font-size:11px;padding:12px 16px}.browser-frame{transform:rotate(-1deg)}.preview-caption{margin-top:12px;font-size:9px}
 .proof-strip .wrap{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:10px;padding-block:18px}.proof-strip b{font-size:10px}.proof-strip span::before{margin-right:6px}
 .agency section{padding:58px 0}.section-top{align-items:start;flex-direction:column;gap:16px}.showcase-grid{grid-template-columns:1fr;gap:30px}.sample-window{aspect-ratio:1.65}.sample-copy,.sample-basic .sample-copy{font-size:30px}.sample-copy small{font-size:10px;margin-bottom:20px}.sample-basic{padding:28px;gap:28px}.form-lines i{height:20px;margin-bottom:10px}.sample-dash{padding:23px}.sample-dash header{font-size:11px}.sample-metrics div{font-size:10px;padding:12px}.sample-metrics b{font-size:25px}.sample-bars{padding:14px}.showcase-card h3{margin-top:13px}.showcase-card .tier-label{margin-top:7px}.enquiry-grid{grid-template-columns:1fr;gap:30px}.agency .plan{padding:27px 23px}.agency .plans{gap:25px}.agency .final{padding:60px 0}.agency .inc li{padding:22px}.agency .days li{padding:18px}.agency .own div{padding:23px}
 .comparison .hero{padding:45px 0}.comparison .body{padding:24px}.comparison .price{font-size:28px}.comparison .shot .sample-window{aspect-ratio:1.65}
 .demo-page .brand{gap:7px}.demo-page .brand b{font-size:15px}.demo-page .brand small{font-size:8px}.demo-page .brand svg{width:30px;height:30px}.demo-page .top-call{font-size:11px}.demo-page .ribbon p{font-size:10px;letter-spacing:.02em}.demo-page .ticket{padding:22px}.demo-page .top .wrap{gap:8px}.demo-page .callbar .wrap{padding-inline:16px}
 .pro .hero{min-height:660px}.pro .hero .wrap{padding-top:52px;padding-bottom:245px}.pro .hero h1{font-size:clamp(39px,9vw,60px)}.pro .hero::after{background:linear-gradient(180deg,#0b1016ed 0%,#0b1016aa 40%,#0b101619 85%)}.pro .hero .hero-photo{object-position:65% center}.pro .hero .lede{font-size:16px}.pro .facts div{padding:18px 12px!important}.pro .facts dd{font-size:31px}.pro .facts dt{font-size:9px}.pro .svc-body{padding:23px}.pro .band-scene{padding:58px 0}.pro .illus{font-size:10px;right:10px;bottom:10px;max-width:calc(100% - 20px)}.pro .qa{gap:38px}
 .max .hero{padding:45px 0}.max .appbar{padding:15px}.max .tabs button{font-size:12px}.max .panel{padding:18px 14px}.max .portal-sec>.wrap{padding-inline:14px}
}
@media(max-width:390px){.agency-nav{gap:11px}.agency-nav .nav-contact{border:0;padding:0}.agency .hero h1{font-size:38px}.agency .cta .btn{font-size:13px;padding:0 15px}.mini-title{font-size:27px;margin-top:24px}.sample-copy,.sample-basic .sample-copy{font-size:25px}.sample-dash{padding:15px}.sample-bars{padding:9px}.demo-page .top-call{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.btn:hover,.showcase-card:hover,.shot:hover img,.shot:hover svg{transform:none!important}}
@media print{.ribbon,.top,.callbar,.motion-toggle,.demo-toast{display:none!important}body{padding:0!important}.enter-once{animation:none!important}}

/* v5: test record sheet matches the portal's softer corners and type */
.max .fs,.max .cc,.max .tr-scroll{border-radius:8px}.max .fs{border:1px solid #d9d5ca}.max .viewsw button{font-family:var(--body);font-size:12px;border-width:1px}.max .cc-h{font-family:var(--body);font-size:14px}.max .trs-note{font-size:13px}