:root{
  --cream:#F1ECE7; --cream-2:#E9E1D8; --sand:#E2C8B6; --sand-2:#D6B59F; --paper:#FFFFFF;
  --ink:#222; --ink-2:#4F4944; --muted:#838383; --line:rgba(34,34,34,.13); --line-2:rgba(34,34,34,.26);
  --orange:#F04C00; --orange-d:#C93F00; --orange-t:#FCE3D6; --maroon:#94302A;
  --pass:#2E7449; --pass-t:#DDEFE2; --fail:#C2361C; --fail-t:#FADBD2; --warn:#9C6400; --warn-t:#F7E8C6;
  --serif:"Roboto Serif",Georgia,"Times New Roman",serif; --label:"Dosis","Trebuchet MS",sans-serif; --mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
  --wrap:1180px; --ease:cubic-bezier(.22,.9,.24,1); --spring:cubic-bezier(.34,1.56,.64,1);
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:120px;-webkit-text-size-adjust:100%;overflow-x:clip}
body{margin:0;background:var(--cream);color:var(--ink);font:400 17px/1.6 var(--serif);font-variation-settings:"opsz" 14;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit;color:inherit}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 28px}
.mono{font-family:var(--mono);font-size:.84em}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:8px 12px;z-index:99}
.skip:focus{left:12px}
:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
::selection{background:var(--orange);color:#fff}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.lbl{font:700 13px/1.2 var(--label);letter-spacing:.09em;text-transform:uppercase}
h1,h2,h3,h4{font-family:var(--serif);font-weight:700;letter-spacing:-.015em;margin:0;font-variation-settings:"opsz" 72}
h2{font-size:clamp(34px,4.4vw,56px);line-height:1.04}
.sec{padding:110px 0;position:relative}
.sec-top{text-align:center;max-width:780px;margin:0 auto 54px}
.sec-top .lbl{color:var(--orange);display:block;margin-bottom:14px}
.sec-top p{margin:18px auto 0;color:var(--ink-2);font-size:18px;max-width:640px}
.code-i{font-family:var(--mono);font-size:.82em;background:rgba(226,200,182,.55);padding:1px 6px;border-radius:2px;overflow-wrap:anywhere}


.btn{--bg:var(--orange);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;overflow:hidden;isolation:isolate;text-decoration:none;cursor:pointer;border:2px solid var(--bg);background:var(--bg);color:#fff;font:700 14.5px/1 var(--label);letter-spacing:.08em;text-transform:uppercase;padding:14px 24px;border-radius:2px;transition:transform .35s var(--spring),color .3s,background .3s,border-color .3s;white-space:nowrap}
.btn::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translateX(-120%);transition:transform .7s var(--ease)}
.btn:hover{transform:translateY(-3px)}
.btn:hover::after{transform:translateX(120%)}
.btn.ink{--bg:var(--ink)}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn.ghost:hover{background:var(--ink);color:#fff}
.btn.sm{padding:11px 16px;font-size:13px}
.btn svg{width:16px;height:16px;flex:none}
.tlink{display:inline-flex;align-items:center;gap:8px;font:700 13.5px/1 var(--label);letter-spacing:.09em;text-transform:uppercase;color:var(--orange);text-decoration:none;padding:6px 0;border-bottom:2px solid transparent;transition:border-color .25s}
.tlink i{font-style:normal;transition:transform .3s var(--spring)}
.tlink:hover{border-color:var(--orange)}
.tlink:hover i{transform:translateX(5px)}


.prog{position:fixed;top:0;left:0;right:0;height:3px;background:var(--orange);transform-origin:0 50%;transform:scaleX(0);z-index:70}
@supports ((animation-timeline: scroll()) and (animation-range: entry)){
  .prog{animation:grow linear both;animation-timeline:scroll(root)}
  @keyframes grow{to{transform:scaleX(1)}}
}
header.top{position:sticky;top:0;z-index:60;background:var(--cream);transition:box-shadow .3s}
header.top.scrolled{box-shadow:0 10px 30px -22px rgba(34,34,34,.5)}
.util{border-bottom:1px solid var(--line)}
.util .wrap{display:flex;align-items:center;justify-content:space-between;height:38px;gap:16px}
.util .lbl{font-size:11.5px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.util nav{display:flex;align-items:center;font:500 14px/1 var(--serif)}
.util nav a{text-decoration:none;padding:0 14px;border-left:1px solid var(--line-2);color:var(--ink-2);display:flex;gap:7px;align-items:center;white-space:nowrap}
.util nav a:first-child{border-left:0}
.util nav a:hover{color:var(--orange)}
.util nav svg{width:15px;height:15px}
.mainnav{border-bottom:1px solid var(--line)}
.mainnav .wrap{display:flex;align-items:center;height:66px;gap:26px;position:relative}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand i{width:46px;height:46px;background:var(--orange);display:grid;place-items:center;flex:none;transition:transform .5s var(--spring)}
.brand:hover i{transform:rotate(-8deg) scale(1.06)}
.brand i svg{width:26px;height:26px}
.brand b{font:800 19px/1 var(--serif);letter-spacing:-.01em;display:block}
.brand small{font:700 10.5px/1 var(--label);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);display:block;margin-top:5px}
.nav{display:flex;gap:4px;margin-left:12px}
.nav a{position:relative;text-decoration:none;font:700 15.5px/1 var(--serif);padding:10px 12px;color:var(--ink)}
.nav a::after{content:"";position:absolute;left:12px;right:12px;bottom:3px;height:2px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.nav a:hover::after,.nav a.on::after{transform:scaleX(1)}
.nav-r{margin-left:auto;display:flex;align-items:center;gap:18px}
.nav-r .hire{font:700 15.5px/1 var(--serif);color:var(--orange);text-decoration:none}
.menu-toggle{display:none;width:44px;height:44px;border:0;background:var(--orange);cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;margin-left:auto}
.menu-toggle span{display:block;width:20px;height:2px;background:#fff;transition:transform .3s}
.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}


.rv{opacity:0;transform:translateY(34px);transition:opacity 1s var(--ease),transform 1s var(--ease);transition-delay:var(--d,0s)}
.rv.in{opacity:1;transform:none}
.no-js .rv{opacity:1;transform:none}
.split .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.1em;margin-bottom:-.1em}
.split .w > span{display:inline-block;transform:translateY(110%);transition:transform 1s var(--ease);transition-delay:calc(var(--i) * 45ms + var(--d,0s))}
.split.in .w > span{transform:none}
.no-js .split .w > span{transform:none}


.hero{position:relative;overflow:clip;padding:54px 0 70px;background:radial-gradient(120% 90% at 78% 40%,#fff 0%,#F7F4F0 38%,var(--cream) 70%)}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='1000' preserveAspectRatio='none'%3E%3Cfilter id='m' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.0025 .008' numOctaves='4' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 .55 0 0 0 0 .52 0 0 0 0 .5 0 0 0 -1.1 .62'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23m)'/%3E%3C/svg%3E");background-size:cover;background-repeat:no-repeat;mix-blend-mode:multiply}
.hero-grid{position:relative;display:grid;grid-template-columns:1.04fr 1fr;gap:30px;align-items:center;min-height:620px}
.hero .lbl{color:var(--orange);display:inline-flex;gap:10px;align-items:center}
.hero .lbl .dot{width:8px;height:8px;border-radius:50%;background:var(--orange);animation:pulse 1.8s ease-in-out infinite}
@keyframes pulse{50%{transform:scale(.55);opacity:.5}}
.hero h1{font-size:clamp(46px,5.3vw,76px);line-height:1;font-weight:800;letter-spacing:-.03em;margin:20px 0 28px;font-variation-settings:"opsz" 144}
.hero h1 .l1{display:block}
.hero h1 .l2{position:relative;display:inline-block;color:var(--orange)}
.squig{position:absolute;left:-1%;bottom:-.2em;width:104%;height:.3em;overflow:visible}
.squig path{fill:none;stroke:var(--ink);stroke-width:5;stroke-linecap:round;stroke-dasharray:1100;stroke-dashoffset:1100;transition:stroke-dashoffset 1.6s var(--ease) 1.1s}
.hero.go .squig path{stroke-dashoffset:0}
.hero .lede{font-size:clamp(17.5px,1.5vw,20px);line-height:1.6;color:var(--ink-2);max-width:34em;margin:0 0 30px}
.ctas{display:flex;flex-wrap:wrap;gap:12px}
.byline{margin-top:28px;display:flex;flex-wrap:wrap;gap:6px 22px;font:700 12px/1.4 var(--label);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.byline b{color:var(--ink)}
.stage{position:relative;height:600px;--mx:0;--my:0}
.stage .ped{position:absolute;left:50%;bottom:30px;width:84%;height:96px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(214,181,159,.95),rgba(226,200,182,.55) 70%,transparent)}
.prod{position:absolute;will-change:transform;filter:drop-shadow(0 26px 22px rgba(60,40,25,.22));transform:translate3d(calc(var(--mx) * var(--z) * 1px),calc(var(--my) * var(--z) * 1px),0);transition:transform .25s linear}
.prod .in-wrap{opacity:0;transform:translateY(90px) scale(.9);transition:opacity 1s var(--ease),transform 1.3s var(--spring);transition-delay:var(--d,0s)}
.hero.go .prod .in-wrap{opacity:1;transform:none}
.prod img{width:100%;height:auto;animation:bob var(--t,6s) ease-in-out infinite;animation-delay:var(--bd,0s)}
@keyframes bob{50%{transform:translateY(-12px) rotate(var(--rot,0deg))}}
.p-pumpkin{width:44%;left:29%;bottom:62px;--z:22;z-index:4}
.p-collagen{width:32%;left:1%;bottom:100px;--z:12;z-index:3}
.p-mct{width:15%;right:7%;bottom:92px;--z:30;z-index:5}
.p-bag{width:25%;right:17%;bottom:176px;--z:8;z-index:2}
.p-greens{width:19%;left:14%;bottom:34px;--z:36;z-index:6}
.note{position:absolute;z-index:8;opacity:0;transform:translateY(10px) scale(.9);transition:opacity .6s var(--ease),transform .7s var(--spring);transition-delay:var(--d,0s)}
.hero.go .note{opacity:1;transform:none}
.note b{display:block;font:800 15px/1.1 var(--label);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);background:#fff;padding:8px 11px;box-shadow:0 10px 24px -14px rgba(0,0,0,.45);white-space:nowrap}
.note b em{font-style:normal;color:var(--orange)}
.note svg{position:absolute;overflow:visible}
.note svg path{fill:none;stroke:var(--ink);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:240;stroke-dashoffset:240;transition:stroke-dashoffset 1.1s var(--ease);transition-delay:calc(var(--d,0s) + .25s)}
.hero.go .note svg path{stroke-dashoffset:0}
.n1{left:0;top:96px;--d:1.5s}.n1 svg{left:40%;top:36px;width:70px;height:96px}
.n2{left:37%;top:52px;--d:1.8s}.n2 svg{left:34%;top:36px;width:60px;height:120px}
.n3{right:0;top:176px;--d:2.1s}.n3 svg{right:34%;top:36px;width:50px;height:110px}
.sticker{position:absolute;right:3%;top:0;width:134px;height:134px;z-index:9;border-radius:50%;background:var(--maroon);color:#fff;display:grid;place-items:center;box-shadow:0 18px 30px -18px rgba(0,0,0,.6);opacity:0;transform:scale(.3) rotate(-40deg);transition:opacity .6s var(--ease) 1.2s,transform 1s var(--spring) 1.2s}
.hero.go .sticker{opacity:1;transform:none}
.sticker svg{position:absolute;inset:5px;width:calc(100% - 10px);height:calc(100% - 10px);animation:spin 18s linear infinite}
.sticker text{font:700 11px var(--label);letter-spacing:.2em;fill:#fff;text-transform:uppercase}
.sticker b{font:800 26px/.9 var(--serif);text-align:center;transform:rotate(-8deg)}
.sticker b small{display:block;font:700 9.5px/1.2 var(--label);letter-spacing:.14em;margin-top:5px}
@keyframes spin{to{transform:rotate(360deg)}}
.spark{position:absolute;z-index:7;width:30px;height:30px;color:var(--orange);animation:twinkle 3.4s ease-in-out infinite;animation-delay:var(--sd,0s)}
.spark svg{width:100%;height:100%}
@keyframes twinkle{0%,100%{transform:scale(1) rotate(0)}50%{transform:scale(.55) rotate(45deg)}}


.band{background:var(--sand);padding:46px 0 44px;overflow:hidden;position:relative}
.band h2{font-size:clamp(26px,2.8vw,34px);text-align:center}
.band .sub{text-align:center;margin:8px 0 30px;color:var(--ink-2);font-size:15.5px}
.mq{display:flex;width:max-content;animation:mq 46s linear infinite}
.band:hover .mq{animation-play-state:paused}
@keyframes mq{to{transform:translateX(-50%)}}
.mq span{display:inline-flex;align-items:center;gap:14px;padding:0 24px;white-space:nowrap}
.mq b{font:800 clamp(40px,4.4vw,58px)/1 var(--serif);letter-spacing:-.03em}
.mq em{font:700 14.5px/1.2 var(--label);letter-spacing:.08em;text-transform:uppercase;font-style:normal;color:var(--ink-2);max-width:200px;white-space:normal}
.mq svg{width:24px;height:24px;color:var(--orange);flex:none;margin-left:24px}


.method{display:grid;grid-template-columns:.95fr 1.05fr;gap:64px;align-items:center}
.method p{color:var(--ink-2);font-size:17.5px}
.checks-l{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:12px}
.checks-l li{display:grid;grid-template-columns:30px 1fr;gap:12px;align-items:start;font-size:16px;line-height:1.5}
.checks-l li::before{content:"";width:26px;height:26px;border-radius:50%;background:var(--orange) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4L18 8' stroke='%23fff' stroke-width='3' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat;margin-top:1px}
.scan{background:#fff;border:1px solid var(--sand);padding:18px;box-shadow:0 40px 70px -46px rgba(60,40,25,.55);position:relative;overflow:hidden}
.scan-top{display:flex;align-items:center;gap:10px;padding:0 2px 14px;border-bottom:1px solid var(--line)}
.scan-top .lbl{font-size:12px;color:var(--ink-2)}
.scan-top b{margin-left:auto;font:700 13px var(--label);letter-spacing:.06em;color:var(--orange)}
.scan-top i{width:9px;height:9px;border-radius:50%;background:var(--orange);animation:pulse 1.4s infinite}
.scan-list{position:relative;height:376px;overflow:hidden;margin-top:12px}
.srow{position:absolute;left:0;right:0;padding:12px 14px 13px;background:var(--cream);border-left:3px solid var(--sand);transition:transform .8s var(--ease),opacity .8s var(--ease)}
.srow.bad{border-left-color:var(--orange)}
.srow .t{font:700 14.5px/1.3 var(--serif);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.srow .h{font:400 11.5px/1.3 var(--mono);color:var(--muted);margin:3px 0 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chips{display:flex;flex-wrap:wrap;gap:5px}
.chip{font:700 11px/1 var(--label);letter-spacing:.07em;text-transform:uppercase;padding:5px 7px;border-radius:2px;background:rgba(34,34,34,.07);color:var(--muted);transition:background .3s,color .3s}
.chip.ok{background:var(--pass-t);color:var(--pass)}
.chip.bad{background:var(--orange);color:#fff}
.chip.info{background:var(--sand);color:var(--ink)}
.beam{position:absolute;left:0;right:0;height:70px;top:-80px;background:linear-gradient(180deg,rgba(240,76,0,0),rgba(240,76,0,.08) 70%,rgba(240,76,0,.24));border-bottom:2px solid var(--orange);pointer-events:none;z-index:3;animation:beam 3.2s linear infinite}
@keyframes beam{to{transform:translateY(470px)}}
.scan-foot{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.scan-foot div{background:var(--cream);padding:11px 12px}
.scan-foot b{display:block;font:800 26px/1 var(--serif)}
.scan-foot span{font:700 10.5px/1.2 var(--label);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.scan-foot div:nth-child(2) b{color:var(--orange)}


.brief{display:grid;grid-template-columns:repeat(3,1fr);gap:56px 30px}
.tile{text-align:center}
.tile .pic{position:relative;height:236px;display:flex;align-items:flex-end;justify-content:center;margin-bottom:20px}
.tile .pic::before{content:"";position:absolute;left:50%;bottom:0;width:72%;height:58px;border-radius:50%;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(214,181,159,.9),rgba(226,200,182,.4) 70%,transparent)}
.tile .pic img{position:relative;max-height:206px;width:auto;margin-bottom:20px;filter:drop-shadow(0 18px 16px rgba(60,40,25,.2));transition:transform .6s var(--spring)}
.tile:hover .pic img{transform:translateY(-12px) rotate(-4deg) scale(1.04)}
.tile .lbl{color:var(--orange)}
.tile h3{font-size:25px;line-height:1.15;margin:10px 0 8px}
.tile q{display:block;font-style:italic;color:var(--muted);font-size:15px;line-height:1.45;quotes:"“" "”";max-width:320px;margin:0 auto 14px}
.tile ul{list-style:none;padding:0;margin:0;display:grid;gap:4px;justify-items:center}


#findings{background:var(--paper)}
#findings .sec-top p{max-width:720px}
.ftabs{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 26px;margin:0 0 76px;border-bottom:1px solid var(--line)}
.ftab{position:relative;border:0;background:transparent;cursor:pointer;font:700 14px/1 var(--label);letter-spacing:.09em;text-transform:uppercase;color:var(--ink-2);padding:14px 2px 16px}
.ftab span{color:var(--muted);margin-left:4px}
.ftab::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--orange);transform:scaleX(0);transition:transform .35s var(--ease)}
.ftab[aria-pressed="true"]{color:var(--ink)}
.ftab[aria-pressed="true"]::after{transform:scaleX(1)}
.finds{display:grid;gap:130px}
.fd{display:grid;grid-template-columns:1.08fr .92fr;gap:64px;align-items:center}
.fd[hidden]{display:none}
.fd.flip .vis{order:2}
.vis{position:relative;min-width:0}
.txt{min-width:0}
.num{font:800 92px/.8 var(--serif);letter-spacing:-.05em;color:transparent;-webkit-text-stroke:2px var(--orange);font-variation-settings:"opsz" 144;display:block;margin-bottom:16px}
.meta{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin-bottom:14px}
.meta .lbl{color:var(--orange)}
.sev{font:800 11px/1 var(--label);letter-spacing:.1em;text-transform:uppercase;padding:6px 8px;border-radius:2px}
.sev.hi{background:var(--maroon);color:#fff}.sev.md{background:var(--orange);color:#fff}.sev.lo{background:var(--sand);color:var(--ink)}
.fd h3{font-size:clamp(28px,3vw,38px);line-height:1.1;margin-bottom:22px}
.rows{border-top:1px solid var(--sand)}
.rows > div{display:grid;grid-template-columns:128px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--sand)}
.rows h4{font:800 12px/1.5 var(--label);letter-spacing:.1em;text-transform:uppercase;color:var(--orange);padding-top:3px}
.rows p{margin:0;font-size:15.5px;line-height:1.62;color:var(--ink-2)}
.rows p b{color:var(--ink)}
.rows p + p{margin-top:9px}
.fd .tlink{margin-top:18px}
.frame{position:relative;background:#fff;box-shadow:0 36px 60px -40px rgba(60,40,25,.6),0 0 0 1px var(--sand);clip-path:inset(0 0 100% 0);transition:clip-path 1.2s var(--ease)}
.fd.in .frame,.no-js .frame{clip-path:inset(0 0 0 0)}
.frame .bar{display:flex;align-items:center;gap:6px;height:30px;padding:0 12px;background:var(--cream-2);border-bottom:1px solid var(--sand)}
.frame .bar i{width:9px;height:9px;border-radius:50%;background:var(--sand-2);flex:none}
.frame .bar span{margin-left:10px;font:400 11.5px var(--mono);color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.frame img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top}
.vis .cap{margin-top:16px;font:700 11.5px/1.4 var(--label);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.call{position:absolute;z-index:4;opacity:0;transform:scale(.8);transition:opacity .5s var(--ease),transform .7s var(--spring);transition-delay:var(--d,.7s)}
.fd.in .call,.no-js .call{opacity:1;transform:none}
.call b{display:block;font:800 14px/1.15 var(--label);letter-spacing:.06em;text-transform:uppercase;background:var(--orange);color:#fff;padding:8px 11px;box-shadow:0 12px 24px -14px rgba(0,0,0,.5);white-space:nowrap}
.call.ink b{background:var(--ink)}
.call.wh b{background:#fff;color:var(--ink)}
.call svg{position:absolute;overflow:visible;width:70px;height:70px}
.call svg path{fill:none;stroke:var(--ink);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:200;stroke-dashoffset:200;transition:stroke-dashoffset 1s var(--ease);transition-delay:calc(var(--d,.7s) + .3s)}
.fd.in .call svg path,.no-js .call svg path{stroke-dashoffset:0}
.stk{position:absolute;z-index:5;width:104px;height:104px;border-radius:50%;display:grid;place-items:center;text-align:center;color:#fff;background:var(--maroon);box-shadow:0 16px 26px -16px rgba(0,0,0,.6);transform:rotate(-12deg) scale(0);transition:transform .9s var(--spring) .5s}
.fd.in .stk,.no-js .stk{transform:rotate(-12deg) scale(1)}
.stk.md{background:var(--orange)}.stk.lo{background:var(--sand);color:var(--ink)}
.stk b{font:800 25px/.95 var(--serif)}
.stk b small{display:block;font:700 9.5px/1.2 var(--label);letter-spacing:.14em;text-transform:uppercase;margin-top:4px}
.pair{position:relative;height:430px}
.pair .frame{position:absolute;width:78%}
.pair .frame.a{left:0;top:0;transform:rotate(-2.5deg);z-index:1}
.pair .frame.b{right:0;bottom:0;transform:rotate(2deg);z-index:2}
.cartnote{background:#fff;box-shadow:0 36px 60px -40px rgba(60,40,25,.6),0 0 0 1px var(--sand);padding:22px;max-width:500px;margin:0 auto;position:relative}
.cartnote .hd{font:800 12px/1 var(--label);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding-bottom:10px;border-bottom:1px solid var(--line)}
.cartnote .row{display:grid;grid-template-columns:62px 1fr auto;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);opacity:0;transform:translateX(30px);transition:opacity .6s var(--ease),transform .8s var(--ease);transition-delay:calc(var(--i) * 140ms + .2s)}
.fd.in .cartnote .row,.no-js .cartnote .row{opacity:1;transform:none}
.cartnote .row img{width:62px;height:62px;object-fit:contain}
.cartnote .row b{font:700 15px/1.3 var(--serif)}
.cartnote .row small{display:block;font:700 11px/1.3 var(--label);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.cartnote .row small.bad{color:var(--fail)}
.cartnote .row .pr{font:700 15px var(--serif)}
.cartnote .code{display:flex;gap:8px;margin-top:16px}
.cartnote .code span{flex:1;border:1px solid var(--line-2);padding:11px 12px;font:700 14px var(--label);letter-spacing:.08em}
.cartnote .code em{font-style:normal;background:var(--ink);color:#fff;padding:11px 16px;font:700 13px var(--label);letter-spacing:.1em}
.cartnote .err{margin-top:12px;background:var(--fail-t);color:#7A2210;padding:11px 13px;font-size:14px;line-height:1.45;border-left:3px solid var(--fail);opacity:0;transition:opacity .6s ease 1s}
.fd.in .cartnote .err,.no-js .cartnote .err{opacity:1}
.thumbs5{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.thumbs5 figure{margin:0;background:#fff;box-shadow:0 0 0 1px var(--sand);position:relative;transform:translateY(40px);opacity:0;transition:transform .9s var(--spring),opacity .6s var(--ease);transition-delay:calc(var(--i) * 90ms + .2s)}
.fd.in .thumbs5 figure,.no-js .thumbs5 figure{transform:none;opacity:1}
.thumbs5 img{width:100%;aspect-ratio:1;object-fit:cover}
.thumbs5 figcaption{font:500 10.5px/1.3 var(--mono);padding:6px 7px;color:var(--fail);border-top:1px solid var(--sand);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.alt-demo{margin-top:16px;background:#fff;box-shadow:0 0 0 1px var(--sand);padding:14px 16px;font-size:14.5px;line-height:1.5}
.alt-demo .lbl{color:var(--pass);font-size:11px;display:block;margin-bottom:4px}
.urlbar{background:#fff;box-shadow:0 36px 60px -40px rgba(60,40,25,.6),0 0 0 1px var(--sand);padding:22px 22px 26px;position:relative}
.urlbar .u{font:500 14.5px/1.5 var(--mono);padding:12px 14px;background:var(--cream);border:1px solid var(--line);overflow-wrap:anywhere}
.urlbar .u + .u{margin-top:10px}
.urlbar .u mark{background:var(--orange);color:#fff;padding:0 3px}
.urlbar .u .st2{float:right;font:800 12px var(--label);letter-spacing:.08em;padding:3px 7px;margin-left:10px}
.urlbar .u .st2.bad{background:var(--fail);color:#fff}.urlbar .u .st2.ok{background:var(--pass);color:#fff}
.urlbar .pk{display:flex;align-items:center;gap:18px;margin-bottom:16px}
.urlbar .pk img{width:96px;height:auto}
.urlbar .pk b{font:700 20px/1.2 var(--serif)}
.urlbar .pk small{display:block;font:700 11.5px var(--label);letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin-top:4px}
.urlbar .lb2{font:800 11.5px var(--label);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:14px 0 6px}
.serps{display:grid;gap:12px}
.serp{background:#fff;box-shadow:0 0 0 1px var(--sand);padding:16px 18px;transform:translateX(50px);opacity:0;transition:transform 1s var(--ease),opacity .7s var(--ease);transition-delay:calc(var(--i) * 120ms + .2s)}
.fd.in .serp,.no-js .serp{transform:none;opacity:1}
.serp small{display:block;font:400 12.5px/1.3 var(--mono);color:var(--pass);margin-bottom:5px;overflow-wrap:anywhere}
.serp b{display:block;font:400 19px/1.3 Arial,sans-serif;color:#1a0dab}
.serp span{display:block;font:400 13.5px/1.45 Arial,sans-serif;color:#555;margin-top:4px}
.tagcloud{position:relative;background:#fff;box-shadow:0 36px 60px -40px rgba(60,40,25,.6),0 0 0 1px var(--sand);padding:10px 24px}
.tgroup{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:16px 0;border-bottom:1px dashed var(--sand)}
.tgroup:last-child{border-bottom:0}
.tgroup .gl{width:100%;font:800 11.5px var(--label);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.tg{font:500 13px/1 var(--mono);padding:8px 10px;background:var(--cream);border:1px solid var(--line);transform:scale(.6);opacity:0;transition:transform .7s var(--spring),opacity .5s;transition-delay:calc(var(--i) * 70ms + .2s)}
.fd.in .tg,.no-js .tg{transform:none;opacity:1}
.tg sup{font:800 11px var(--label);color:var(--orange);margin-left:4px}
.tg.bad{background:var(--fail-t);border-color:rgba(194,54,28,.3);text-decoration:line-through;text-decoration-color:var(--fail)}
.tg.good{background:var(--pass-t);border-color:rgba(46,116,73,.35)}
.tgroup .arr{font:800 18px var(--label);color:var(--orange)}
.jsonld{background:#fff;box-shadow:0 36px 60px -40px rgba(60,40,25,.6),0 0 0 1px var(--sand);padding:20px 22px;font:400 13px/1.75 var(--mono);color:var(--ink-2);white-space:pre;overflow:auto}
.jsonld .k{color:var(--orange-d)}
.jsonld .miss{display:inline-block;background:var(--fail-t);color:var(--fail);padding:0 6px}
.jsonld .ok{color:var(--pass)}


#tools{background:var(--cream)}
.tabs{position:sticky;top:104px;z-index:20;display:flex;overflow-x:auto;background:var(--cream);border-bottom:1px solid var(--line);margin-bottom:26px;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tab{position:relative;flex:none;border:0;background:transparent;cursor:pointer;padding:16px 18px 15px;font:700 14px/1 var(--label);letter-spacing:.09em;text-transform:uppercase;color:var(--ink-2);text-align:left}
.tab small{display:block;font:700 10.5px/1 var(--label);letter-spacing:.12em;color:var(--orange);margin-bottom:6px}
.tab[aria-selected="true"]{color:var(--ink)}
.tabs .ink-bar{position:absolute;bottom:0;left:0;height:3px;width:0;background:var(--orange);transition:transform .45s var(--ease),width .45s var(--ease)}
.tool{background:#fff;border:1px solid var(--sand);padding:36px 36px 32px}
.tool[hidden]{display:none}
.tool.show{animation:toolIn .6s var(--ease)}
@keyframes toolIn{from{opacity:0;transform:translateY(16px)}}
.tool-head{display:grid;grid-template-columns:1fr auto;gap:18px 30px;align-items:start;margin-bottom:24px}
.tool-head h3{font-size:clamp(28px,3vw,38px);line-height:1.05}
.tool-head p{margin:10px 0 0;color:var(--ink-2);max-width:48em;font-size:16px}
.tool-no{font:700 12.5px/1 var(--label);letter-spacing:.1em;text-transform:uppercase;color:var(--orange);display:block;margin-bottom:10px}
.tbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:16px}
.field{display:flex;align-items:center;gap:8px;background:var(--cream);border:1px solid var(--line-2);padding:0 12px;height:46px}
.field input,.field select{border:0;background:transparent;outline:0;height:100%;min-width:0;font:400 15px var(--serif)}
.field svg{width:16px;height:16px;color:var(--muted);flex:none}
.field.grow{flex:1 1 240px}
.field.grow input{width:100%}
.seg{display:inline-flex;flex-wrap:wrap;gap:4px}
.seg button{border:1px solid var(--line-2);background:transparent;padding:9px 12px;cursor:pointer;font:700 12.5px/1 var(--label);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);transition:all .2s}
.seg button span{opacity:.65;margin-left:3px}
.seg button:hover{border-color:var(--ink)}
.seg button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}
.kpi{background:var(--cream);padding:16px 18px;border-top:3px solid var(--sand)}
.kpi b{display:block;font:800 32px/1 var(--serif);letter-spacing:-.02em}
.kpi span{display:block;margin-top:7px;font:700 11.5px/1.35 var(--label);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-2)}
.kpi.bad{border-top-color:var(--orange)}.kpi.bad b{color:var(--orange)}
.kpi.ok{border-top-color:var(--pass)}.kpi.ok b{color:var(--pass)}
.tscroll{border:1px solid var(--sand);overflow:auto;max-height:620px;background:#fff}
table.qa{width:100%;border-collapse:separate;border-spacing:0;font-size:14.5px}
table.qa th{position:sticky;top:0;background:var(--sand);text-align:left;font:800 11.5px/1.2 var(--label);letter-spacing:.09em;text-transform:uppercase;color:var(--ink);padding:12px 10px;z-index:2;white-space:nowrap}
table.qa td{padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:top}
table.qa tbody tr{cursor:pointer;transition:background .15s}
table.qa tbody tr:hover{background:#FBF7F3}
table.qa tr.open{background:#FBF1EA}
.pname{font-weight:700;line-height:1.3}
.phandle{font:400 11.5px/1.35 var(--mono);color:var(--muted);word-break:break-all}
.pill{display:inline-flex;align-items:center;font:800 11px/1 var(--label);letter-spacing:.07em;text-transform:uppercase;padding:5px 7px;border-radius:2px;white-space:nowrap}
.pill.ok{background:var(--pass-t);color:var(--pass)}
.pill.bad{background:var(--orange);color:#fff}
.pill.warn{background:var(--warn-t);color:var(--warn)}
.pill.mute{background:var(--cream-2);color:var(--ink-2)}
.dcount{font:800 15px var(--serif)}
tr.detail td{background:#FBF1EA;cursor:default;padding:6px 16px 20px}
.dlist{display:grid;gap:9px;margin:0;padding:0;list-style:none}
.dlist li{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;font-size:14.5px;line-height:1.5}
.dlist li b{display:block}
.dlist li span{color:var(--ink-2)}
.dlinks{margin-top:12px;display:flex;flex-wrap:wrap;gap:18px}
.dlinks a{font:700 12.5px var(--label);letter-spacing:.08em;text-transform:uppercase;color:var(--orange)}
.qa-cards{display:none}
.alt-grid{display:grid;grid-template-columns:300px 1fr;gap:18px}
.plist{border:1px solid var(--sand);background:#fff;max-height:560px;overflow:auto}
.plist button{display:flex;width:100%;text-align:left;gap:10px;align-items:center;padding:10px 12px;border:0;border-bottom:1px solid var(--line);background:transparent;cursor:pointer;font:500 14px/1.3 var(--serif)}
.plist button:last-child{border-bottom:0}
.plist button[aria-current="true"]{background:var(--orange-t);box-shadow:inset 3px 0 0 var(--orange)}
.plist button img{width:40px;height:40px;object-fit:cover;background:var(--cream-2);flex:none}
.plist button small{display:block;font:700 10.5px var(--label);letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.alts{display:grid;gap:10px;align-content:start}
.arow{display:grid;grid-template-columns:100px 1fr;gap:14px;background:#fff;border:1px solid var(--sand);padding:12px}
.arow img{width:100px;height:100px;object-fit:cover;background:var(--cream-2)}
.arow .fn{font:400 11.5px/1.35 var(--mono);color:var(--muted);word-break:break-all;margin-bottom:6px}
.arow textarea{width:100%;min-height:60px;resize:vertical;border:1px solid var(--line-2);padding:9px 11px;font:400 14.5px/1.45 var(--serif);background:var(--cream)}
.arow textarea:focus{outline:0;border-color:var(--orange);background:#fff}
.arow .am{display:flex;gap:10px;align-items:center;margin-top:6px;font:700 11px var(--label);letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.conf{padding:3px 6px;border-radius:2px}
.conf.t{background:var(--pass-t);color:var(--pass)}.conf.f{background:var(--warn-t);color:var(--warn)}.conf.x{background:var(--fail-t);color:var(--fail)}
.len-bad{color:var(--fail)}
.two{display:grid;grid-template-columns:1fr;gap:28px}
.rtable{width:100%;border-collapse:collapse;font-size:14.5px;background:#fff;border:1px solid var(--sand)}
.rtable th{background:var(--sand);text-align:left;font:800 11.5px/1.2 var(--label);letter-spacing:.09em;text-transform:uppercase;padding:11px 12px}
.rtable th:nth-child(2){width:52%}
.rtable td{padding:12px;border-top:1px solid var(--line);vertical-align:top;line-height:1.45}
.rtable .from{font:500 12.5px/1.4 var(--mono);word-break:break-all}
.rtable .to{font:500 12.5px/1.4 var(--mono);color:var(--pass);word-break:break-all}
.rtable input[type=text]{width:100%;border:1px solid var(--line-2);padding:8px 9px;font:500 12.5px var(--mono);background:var(--cream)}
.rtable input[type=checkbox],.irow input,.rules input{width:18px;height:18px;accent-color:var(--orange)}
.why{font-size:13.5px;color:var(--ink-2);margin-top:4px}
.ilist{display:grid;gap:8px;grid-template-columns:1fr 1fr}
.irow{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;background:#fff;border:1px solid var(--sand);padding:11px 13px;cursor:pointer}
.irow b{font-size:15px;display:block;line-height:1.3}
.irow small{font:400 11.5px var(--mono);color:var(--muted)}
.irow .rv-n{font:700 12px/1.4 var(--label);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);text-align:right;white-space:nowrap}
.sub-h{font:800 12.5px/1.2 var(--label);letter-spacing:.1em;text-transform:uppercase;color:var(--orange);margin:0 0 10px}
.checks{display:grid;gap:10px;margin-bottom:24px}
.ck{display:grid;grid-template-columns:auto 1fr;gap:16px;background:var(--cream);padding:16px 18px;border-left:3px solid var(--sand)}
.ck .ic{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font:800 16px var(--label)}
.ck .ic.ok{background:var(--pass);color:#fff}.ck .ic.bad{background:var(--orange);color:#fff}
.ck b{font:700 16px var(--serif)}
.ck q{display:block;font-size:14.5px;color:var(--ink-2);font-style:italic;quotes:"“" "”";margin-top:2px}
.ck .res{margin-top:8px;font-size:15px}
.ck .res s{color:var(--fail)}
.ck .res ins{text-decoration:none;color:var(--pass);font-weight:700}
.cart-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.cart-box{background:#fff;border:1px solid var(--sand);padding:20px}
.rules{display:grid;gap:10px}
.rules label{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.4;cursor:pointer}
.rules input{margin-top:2px;flex:none}
.lines{display:grid;gap:8px;margin-top:12px}
.line{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;border:1px solid var(--line);padding:10px 12px;font-size:14.5px}
.line .nm{font-weight:700;line-height:1.3}
.line .nm small{display:block;font:400 11.5px var(--mono);color:var(--muted)}
.qty{display:inline-flex;align-items:center;border:1px solid var(--line-2)}
.qty button{width:32px;height:32px;border:0;background:var(--cream);cursor:pointer;font:800 16px var(--label)}
.qty span{min-width:30px;text-align:center;font:700 14px var(--label)}
.x{border:0;background:transparent;cursor:pointer;color:var(--muted);font-size:20px;width:30px;height:30px}
.x:hover{color:var(--orange)}
.rcpt{font-size:15px}
.rcpt .rl{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px dashed var(--sand)}
.rcpt .rl s{color:var(--muted)}
.rcpt .rl .d{color:var(--orange);font-weight:700}
.rcpt .tot{display:flex;justify-content:space-between;padding:14px 0 4px;font:800 24px/1 var(--serif)}
.msgs{display:grid;gap:8px;margin-top:12px}
.msg{font-size:14.5px;line-height:1.45;padding:11px 13px;background:var(--cream)}
.msg.bad{background:var(--fail-t);color:#7A2210}
.msg.ok{background:var(--pass-t);color:#1F5535}
.presets{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}
.presets .btn{--bg:var(--ink)}
.kb-grid{display:grid;grid-template-columns:320px 1fr;gap:18px}
.kb-side{display:grid;gap:12px;align-content:start}
.qas{display:grid;gap:10px}
.qa-item{background:var(--cream);padding:16px 18px;border-left:3px solid var(--orange)}
.qa-item b{display:block;font-size:16px;line-height:1.35;margin-bottom:6px}
.qa-item p{margin:0;font-size:15px;color:var(--ink-2);line-height:1.55}
.qa-item .flag{margin-top:8px;font:700 12px/1.4 var(--label);letter-spacing:.06em;text-transform:uppercase;color:var(--warn)}
.cbox{background:var(--sand);padding:16px 18px;font-size:15px;line-height:1.5}
.cbox b{display:block;font:800 34px/1 var(--serif);margin-bottom:6px}
.tnote{margin-top:16px;font-size:14.5px;line-height:1.55;color:var(--ink-2);background:var(--cream);border-left:3px solid var(--orange);padding:12px 16px}
.sop{display:grid;grid-template-columns:1fr 1.1fr;gap:28px;align-items:start}
.sop ol{margin:0;padding:0;list-style:none;counter-reset:s;display:grid;gap:12px}
.sop ol li{counter-increment:s;display:grid;grid-template-columns:40px 1fr;gap:14px;font-size:15.5px;line-height:1.5;color:var(--ink-2)}
.sop ol li::before{content:counter(s);font:800 16px/40px var(--label);color:#fff;background:var(--orange);border-radius:50%;text-align:center;height:40px}
.sop ol li b{color:var(--ink)}
pre.code{margin:0;background:#1F1A17;color:#EDE4DA;padding:18px 20px;font:400 13px/1.6 var(--mono);overflow:auto;max-height:460px}


#plan{background:var(--sand)}
.tl{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;padding-top:34px}
.tl .rail{position:absolute;left:20px;right:20px;top:19px;height:3px;background:rgba(34,34,34,.15)}
.tl .rail i{position:absolute;inset:0;background:var(--orange);transform-origin:0 50%;transform:scaleX(0);transition:transform 2.2s var(--ease)}
.tl.in .rail i{transform:scaleX(1)}
.ph{position:relative;background:var(--cream);padding:34px 24px 26px}
.ph .dotn{position:absolute;top:-51px;left:0;width:40px;height:40px;border-radius:50%;background:var(--orange);color:#fff;display:grid;place-items:center;font:800 17px var(--label);box-shadow:0 0 0 6px var(--sand)}
.ph .when{font:800 12px/1 var(--label);letter-spacing:.1em;text-transform:uppercase;color:var(--orange)}
.ph h3{font-size:24px;line-height:1.12;margin:10px 0 14px}
.ph ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.ph li{font-size:15px;line-height:1.5;color:var(--ink-2);padding-left:18px;position:relative}
.ph li::before{content:"";position:absolute;left:0;top:.5em;width:8px;height:8px;background:var(--orange);transform:rotate(45deg)}
.how{margin-top:30px;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.how div{border-top:2px solid var(--ink);padding-top:14px;font-size:15px;line-height:1.5;color:var(--ink-2)}
.how b{display:block;font:800 13px/1.2 var(--label);letter-spacing:.09em;text-transform:uppercase;color:var(--ink);margin-bottom:6px}


.fit{background:#fff;border:1px solid var(--sand)}
.frow{display:grid;grid-template-columns:1.05fr 1.6fr 130px;gap:22px;padding:18px 26px;border-top:1px solid var(--line);align-items:start;transition:background .2s}
.frow:hover{background:#FBF7F3}
.frow.h{border-top:0;background:var(--orange);color:#fff;font:800 12px/1.2 var(--label);letter-spacing:.1em;text-transform:uppercase;padding:15px 26px}
.frow.h:hover{background:var(--orange)}
.frow b{font-size:16px;line-height:1.35}
.frow > span{font-size:15.5px;line-height:1.58;color:var(--ink-2)}
.frow.h > span{color:#fff;font:inherit}
.st{display:inline-flex;align-items:center;gap:8px;font:800 12px/1 var(--label);letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}
.st i{width:22px;height:22px;border-radius:50%;border:2px solid var(--orange);flex:none;position:relative}
.st.full i{background:var(--orange)}
.st.full i::after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4L18 8' stroke='%23fff' stroke-width='3.2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/15px no-repeat}
.st.half i{background:linear-gradient(90deg,var(--orange) 50%,transparent 50%)}
.st.none i{border-color:var(--muted)}
.fit-foot{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}
.fit-foot div{background:#fff;border:1px solid var(--sand);padding:22px 24px;font-size:15.5px;line-height:1.55;color:var(--ink-2)}
.fit-foot b{display:block;font:800 13px/1.2 var(--label);letter-spacing:.1em;text-transform:uppercase;color:var(--orange);margin-bottom:8px}


#about{background:var(--paper)}
.about{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:start}
.about p{font-size:17.5px;color:var(--ink-2)}
.about p b{color:var(--ink)}
.facts div{display:grid;grid-template-columns:130px 1fr;gap:14px;padding:15px 0;border-top:1px solid var(--sand);font-size:15.5px}
.facts div:first-child{border-top:0}
.facts span:first-child{font:800 12px/1.8 var(--label);letter-spacing:.1em;text-transform:uppercase;color:var(--orange)}


.cband{background:var(--orange);color:#fff;padding:56px 0;position:relative;overflow:hidden}
.cband .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;position:relative;z-index:1}
.cband h2{color:#fff;font-size:clamp(30px,3.4vw,44px)}
.cband p{margin:8px 0 0;font-size:17px;opacity:.92}
.faux{display:flex;align-items:stretch;background:#fff;padding:5px;max-width:540px;flex:1 1 360px}
.faux a.em{flex:1;display:flex;align-items:center;padding:0 14px;color:var(--ink);text-decoration:none;font:500 16px var(--serif);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.faux .btn{--bg:var(--ink)}
.cband .spark{color:#fff;opacity:.85}
footer{background:var(--cream);padding:60px 0 36px}
.fgrid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:30px}
.fgrid a{display:block;text-decoration:none;color:var(--ink-2);padding:4px 0;font-size:15px}
.fgrid a:hover{color:var(--orange)}
.fgrid p{margin:0;color:var(--ink-2);font-size:15px}
.fh{display:block;font:800 13px/1 var(--label);letter-spacing:.1em;text-transform:uppercase;color:var(--orange);margin-bottom:14px}
.fine{margin-top:40px;padding-top:24px;border-top:1px solid var(--line);font-size:13px;line-height:1.6;color:var(--muted)}
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,30px);opacity:0;background:var(--ink);color:#fff;padding:13px 18px;font:700 13px var(--label);letter-spacing:.08em;text-transform:uppercase;z-index:80;transition:all .35s var(--ease);pointer-events:none}
.toast.on{transform:translate(-50%,0);opacity:1}


@media (max-width:1080px){
  .hero-grid{grid-template-columns:1fr;min-height:0;gap:10px}
  .stage{height:520px;max-width:620px;width:100%;margin:0 auto}
  .method,.about{grid-template-columns:1fr;gap:40px}
  .brief{grid-template-columns:1fr 1fr}
  .fd{grid-template-columns:1fr;gap:34px}
  .fd.flip .vis{order:0}
  .tl,.how{grid-template-columns:1fr 1fr}
  .tl .rail{display:none}
  .ph .dotn{top:-20px;left:20px}
  .tl{gap:44px 22px}
  .kb-grid,.alt-grid{grid-template-columns:1fr}
  .plist{max-height:260px}
  .fgrid{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  .util nav a:not(.keep){display:none}
  .util nav a.keep{border-left:0}
  .nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:var(--cream);border-bottom:1px solid var(--line);padding:8px 16px 18px;margin:0;gap:0;box-shadow:0 20px 30px -24px rgba(0,0,0,.4)}
  .nav.open{display:flex}
  .nav a{padding:14px 6px;font-size:18px;border-bottom:1px solid var(--line)}
  .nav a::after{display:none}
  .nav-r{display:none}
  .menu-toggle{display:flex}
  .cart-grid,.sop,.fit-foot{grid-template-columns:1fr}
  .kpis{grid-template-columns:1fr 1fr}
  .frow{grid-template-columns:1fr;gap:8px}
  .frow.h{display:none}
  .ilist{grid-template-columns:1fr}
  .tabs{top:98px}
}
@media (max-width:640px){
  .wrap{padding:0 16px}
  .sec{padding:76px 0}
  .util .lbl{font-size:10px;letter-spacing:.07em}
  .mainnav .wrap{height:60px}
  .brand i{width:40px;height:40px}
  .brand b{font-size:17px}
  .hero{padding:30px 0 34px}
  .hero h1{font-size:clamp(44px,12.6vw,62px)}
  .stage{height:390px}
  .ped{height:70px}
  .note b{font-size:11.5px;padding:6px 8px}
  .n1{top:44px}.n2{left:34%;top:4px}.n3{top:110px}
  .note svg{display:none}
  .sticker{width:94px;height:94px;top:-8px;right:-4px}
  .sticker b{font-size:19px}
  .sticker text{font-size:8.6px;letter-spacing:.16em}
  .brief{grid-template-columns:1fr;gap:56px}
  .finds{gap:96px}
  .num{font-size:70px}
  .rows > div{grid-template-columns:1fr;gap:6px}
  .pair{height:auto;display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
  .pair .frame{position:relative;width:100%;transform:none!important}
  .call b{font-size:11.5px;padding:6px 8px}
  .call svg{display:none}
  .stk{width:74px;height:74px;left:auto!important;right:6px!important;top:-28px!important;bottom:auto!important}.stk b{font-size:17px}.stk b small{font-size:7.5px}
  .pair .frame{position:relative!important;inset:auto!important;width:100%!important}
  .call{max-width:calc(100% - 12px)}
  .call b{white-space:normal}
  .thumbs5{grid-template-columns:repeat(3,1fr)}
  .tool{padding:22px 16px 20px}
  .tool-head{grid-template-columns:1fr}
  .tscroll{display:none}
  .qa-cards{display:grid;gap:10px;max-height:640px;overflow:auto}
  .qcard{background:#fff;border:1px solid var(--sand);padding:14px}
  .qcard .top{display:flex;justify-content:space-between;gap:10px}
  .qcard .pills{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}
  .qcard .dlist{margin-top:12px;padding-top:12px;border-top:1px dashed var(--sand)}
  .arow{grid-template-columns:64px 1fr;gap:10px;padding:10px}
  .arow img{width:64px;height:64px}
  .tl,.how{grid-template-columns:1fr}
  .irow{grid-template-columns:auto 1fr}
  .irow .rv-n{grid-column:2;text-align:left}
  .rtable,.rtable tbody,.rtable tr,.rtable td{display:block;width:100%}
  .rtable thead{display:none}
  .rtable tr{border-top:1px solid var(--line);padding:6px 0}
  .rtable td{border:0;padding:6px 14px}
  .line{grid-template-columns:1fr auto}
  .line .x{grid-column:2;grid-row:1}
  .line .qty{grid-column:1;justify-self:start}
  .fgrid{grid-template-columns:1fr}
  .facts div{grid-template-columns:1fr;gap:2px}
  .kpi b{font-size:26px}
  .mq b{font-size:38px}
  .faux{flex-direction:column;gap:6px}
  .faux a.em{padding:10px}
  .jsonld{font-size:11.5px}
  .cartnote{padding:16px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .rv,.prod .in-wrap,.note,.sticker,.call,.stk,.thumbs5 figure,.serp,.tg,.cartnote .row,.cartnote .err{opacity:1!important;transform:none!important}
  .stk{transform:rotate(-12deg)!important}
  .split .w > span{transform:none!important}
  .frame{clip-path:none!important}
  .squig path,.note svg path,.call svg path{stroke-dashoffset:0!important}
  .tl .rail i{transform:none!important}
}