/* You Left Something: lost-and-found luggage tags. Teal + coral on cream. */
:root{
  --night:#0d3536;--bg:#fbf3e4;--bg2:#f4e8cf;--ink:#1d2b2c;--ink2:#4a5b5a;--teal:#0b5d5f;--teal2:#0f7a7c;--coral:#ff6b57;--coral2:#e8523e;--kraft:#ead9b6;--paper:#fffaf0;--sun:#ffc94a;
  --r:18px;--f:'Familjen Grotesk','Helvetica Neue',Arial,sans-serif;
  --tagclip:polygon(0 18px,18px 0,100% 0,100% 100%,0 100%);
}
body.arch-e{background:var(--bg);background-image:radial-gradient(rgba(11,93,95,.07) 1px,transparent 1.4px);background-size:22px 22px;color:var(--ink);font-family:var(--f);font-size:18px;line-height:1.5;overflow-x:hidden}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px;position:relative}
h1,h2,h3{font-weight:700;letter-spacing:-.025em;line-height:1.05;margin:0}
p{margin:0}a{color:var(--teal)}
.logo{display:block;height:46px;width:auto;max-width:none}
.nav-logo{display:block;line-height:0}
.skip:focus{position:fixed;left:8px;top:8px;width:auto;height:auto;clip:auto;background:#fff;padding:8px;z-index:99}

/* strip nav */
.nav-strip{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:22px;padding:10px 24px 10px 54px;background:var(--paper);border-bottom:2px dashed var(--coral);box-shadow:0 8px 0 -6px var(--paper),0 10px 24px -14px rgba(0,0,0,.25)}
.strip-hole{position:absolute;left:18px;top:50%;width:18px;height:18px;margin-top:-9px;border-radius:50%;background:var(--bg);box-shadow:inset 0 2px 3px rgba(0,0,0,.25),0 0 0 3px var(--kraft)}
.nav-strip .nav-links{display:flex;gap:10px;margin-left:auto}
.nav-strip .nav-links a{font-size:15px;font-weight:600;text-decoration:none;color:var(--teal);padding:6px 14px;border:1.5px dashed var(--teal);border-radius:8px;transition:transform .2s,background .2s}
.nav-strip .nav-links a:hover{background:var(--teal);color:#fff;transform:rotate(-2deg)}
.btn{display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;font-family:var(--f);font-weight:700;font-size:18px;padding:15px 26px;border-radius:12px;text-decoration:none;transition:transform .2s,box-shadow .2s}
.btn-primary{background:var(--coral);color:#fff;box-shadow:0 5px 0 var(--coral2)}
.btn-primary:hover{transform:translateY(-2px) rotate(-1deg);box-shadow:0 7px 0 var(--coral2)}
.btn-primary:active{transform:translateY(4px);box-shadow:0 1px 0 var(--coral2)}
.btn-ghost{background:transparent;color:var(--teal);box-shadow:inset 0 0 0 2px var(--teal)}
.btn-ghost:hover{background:var(--teal);color:#fff}
.btn-sm{padding:9px 18px;font-size:16px;box-shadow:0 4px 0 var(--coral2)}

.sec{padding:92px 0;position:relative}
.sec-head{max-width:720px;margin-bottom:46px}
.eyebrow{display:inline-block;font-weight:700;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--paper);background:var(--teal);padding:5px 12px 5px 22px;clip-path:polygon(10px 0,100% 0,100% 100%,10px 100%,0 50%);margin-bottom:16px}
.eyebrow:empty{display:none}
.sec-title{font-size:clamp(2rem,4.6vw,3.4rem);color:var(--ink)}
.sec-intro{margin-top:14px;font-size:20px;color:var(--ink2)}

/* hero: thread on a hanging tag */
.sec-hero{padding:48px 0 90px;overflow:hidden}
.hero-thread{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:start}
@media (min-width:1021px){.hero-thread .hero-copy{padding-top:clamp(40px,7vw,110px)}}
.hero-title{font-size:clamp(2.6rem,5.2vw,4.4rem);color:var(--teal);margin:6px 0 22px;letter-spacing:-.04em}
.hero-sub{font-size:21px;color:var(--ink2);max-width:540px}
.hero-ctas{display:flex;flex-wrap:wrap;gap:14px;margin:28px 0 24px}
.hero-fee{display:inline-block;padding:10px 18px;background:var(--paper);border:2px dashed var(--coral);border-radius:10px;transform:rotate(-1deg);font-size:16px}
.fee-line{font-weight:700;color:var(--coral2)}
.hero-for{margin-top:20px;font-size:16px;color:var(--ink2);max-width:520px}
.tag-hang{position:relative;container-type:inline-size;padding:0 0 54px;display:flex;justify-content:center;align-items:flex-start}
.art-hero{position:absolute;left:0;top:0;width:100%;z-index:1}
.tag-string{position:absolute;left:50%;top:7cqw;width:3px;height:calc(14cqw + 30px);background:repeating-linear-gradient(var(--coral) 0 8px,#c9503f 8px 10px);transform:translateX(-50%) rotate(3deg);transform-origin:top;z-index:3;border-radius:2px}
.tag-card{position:relative;width:100%;max-width:440px;padding:64px 22px 22px;margin-top:21cqw;z-index:2;transform-origin:50% -80px;animation:swing 6s ease-in-out infinite;filter:drop-shadow(0 18px 18px rgba(11,93,95,.25))}
.tag-card::before,.tag-card::after{content:"";position:absolute;z-index:-1;clip-path:polygon(0 38px,38px 0,calc(100% - 38px) 0,100% 38px,100% 100%,0 100%)}
.tag-card::before{inset:0;background:var(--teal)}
.tag-card::after{inset:3px;background:var(--paper);clip-path:polygon(0 36px,36px 0,calc(100% - 36px) 0,100% 36px,100% 100%,0 100%)}
@keyframes swing{0%,100%{transform:rotate(1.6deg)}50%{transform:rotate(-1.6deg)}}
.tag-card:hover,.tag-card:focus-within{animation-play-state:paused}
.tag-hole{position:absolute;left:50%;top:16px;width:22px;height:22px;margin-left:-11px;border-radius:50%;background:var(--bg);box-shadow:inset 0 2px 4px rgba(0,0,0,.35),0 0 0 4px var(--kraft)}
.tag-head{display:flex;flex-direction:column;margin-bottom:12px;padding-bottom:10px;border-bottom:2px dashed rgba(11,93,95,.35)}
.tag-head b{font-size:1.1rem;color:var(--teal)}.tag-head small{font-size:13px;color:var(--ink2);letter-spacing:.04em;text-transform:uppercase}
.tag-replay{margin-top:14px;background:none;border:0;color:var(--teal);font-weight:700;text-decoration:underline;cursor:pointer;font-size:15px}
.sticker{position:absolute;z-index:4;font-weight:700;font-size:14px;letter-spacing:.06em;text-transform:uppercase;padding:8px 14px;border-radius:8px;box-shadow:0 3px 0 rgba(0,0,0,.15)}
.sticker-1{background:var(--sun);color:var(--ink);left:13%;top:calc(21cqw - 14px);transform:rotate(-4deg);z-index:4}
.sticker-2{background:var(--coral);color:#fff;right:0;bottom:14px;transform:rotate(4deg)}
.sticker-3{background:var(--teal);color:var(--paper);left:0;bottom:8px;transform:rotate(-3deg)}

/* chat bubbles */
.chat .msg{border-radius:var(--r);padding:11px 16px;font-size:16.5px;line-height:1.4;max-width:88%}
.chat .msg-ai{background:var(--teal);color:#fff;border-bottom-left-radius:4px}
.chat .msg-shopper{background:var(--kraft);color:var(--ink);border-bottom-right-radius:4px}
.chat .msg-system{font-size:13px;color:var(--ink2)}
.chat .msg-meta,.chat .msg-author{display:none}
.chat .msg-btn{display:inline-block;margin-top:10px;background:var(--coral);color:#fff;font-weight:700;font-size:14px;padding:7px 14px;border-radius:8px;box-shadow:0 3px 0 var(--coral2)}
.chat .chat-thread{gap:9px}
.chat-label{font-size:12.5px;letter-spacing:.03em;color:var(--ink2);margin-bottom:10px}
.tag-card .chat-thread{min-height:360px}
@media (min-width:1021px){.tag-card .chat-thread{min-height:590px}}
.tag-card .msg-ai:first-child{font-size:1.45rem;font-weight:700;line-height:1.15;padding:16px 20px;max-width:96%}
.chat .msg.is-in{animation:slip .35s ease both}
@keyframes slip{from{opacity:0;transform:translateY(10px) rotate(-1deg)}to{opacity:1;transform:none}}
.chat .typing i{background:#fff}

/* demo: luggage tag tabs */
.sec-demo{background:var(--bg2);border-block:2px dashed rgba(11,93,95,.25)}
.chat-tabs{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:26px}
.chat-tab{font-family:var(--f);font-weight:700;font-size:16px;border:0;cursor:pointer;color:var(--teal);background:var(--paper);padding:12px 20px 12px 34px;clip-path:polygon(16px 0,100% 0,100% 100%,16px 100%,0 50%);position:relative;transition:transform .2s,background .2s;filter:drop-shadow(0 2px 0 rgba(0,0,0,.2))}
.chat-tab:nth-child(odd){transform:rotate(-1.5deg)}.chat-tab:nth-child(even){transform:rotate(1.2deg)}
.chat-tab:hover{transform:rotate(0) translateY(-3px)}
.chat-tab.is-active{background:var(--coral);color:#fff}
.chat-panel .chat{background:var(--paper);max-width:620px;padding:24px;border-radius:var(--r);border:2px solid var(--teal);position:relative;transform:rotate(-.5deg);box-shadow:8px 8px 0 var(--teal)}
.chat-panel .msg{font-size:17.5px}

/* use cases: tilted stickers */
.uc-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:26px}
.sticker-card{grid-column:span 2;position:relative;padding:26px;border-radius:var(--r);background:var(--paper);border:2.5px solid var(--ink);transform:rotate(var(--r));box-shadow:5px 6px 0 var(--ink);transition:transform .25s}
.sticker-card:nth-child(4){grid-column:2/span 2}.sticker-card:nth-child(5){grid-column:4/span 2}
.sticker-card:nth-child(2){background:#ffe3dd}.sticker-card:nth-child(3){background:#d9f0ee}.sticker-card:nth-child(4){background:#fff1c2}.sticker-card:nth-child(5){background:#e9e3f7}
.sticker-card:hover{transform:rotate(0) translateY(-5px)}
.uc-ic{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--ink);color:var(--paper);margin-bottom:14px}
.sticker-card .uc-ic{margin-bottom:22px}
.sticker-card h3{font-size:1.35rem;margin-bottom:8px}
.sticker-card p{font-size:16px;color:var(--ink2)}
.sticker-card .uc-art{position:absolute;top:12px;right:14px;width:80px;transition:transform .3s}
.sticker-card:hover .uc-art{transform:rotate(-5deg) scale(1.06)}

/* how: hanging tags */
.how-tags{list-style:none;margin:0;padding:34px 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:46px 24px}
.htag{position:relative;isolation:isolate;flex:0 1 calc(25% - 18px);min-width:0;background:var(--teal);clip-path:var(--tagclip);padding:48px 20px 24px;transform:rotate(var(--r));transform-origin:50% -30px;transition:transform .35s}
.htag::before{content:"";position:absolute;inset:2.5px;z-index:-1;background:var(--paper);clip-path:polygon(0 16px,16px 0,100% 0,100% 100%,0 100%)}
.htag:hover{animation:swing 1.2s ease-in-out}
.htag-string{position:absolute;left:50%;top:-34px;width:2px;height:40px;background:var(--coral);transform:translateX(-50%)}
.htag-hole{position:absolute;left:50%;top:12px;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:var(--bg);box-shadow:inset 0 1px 3px rgba(0,0,0,.4),0 0 0 3px var(--kraft)}
.htag-no{display:block;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--coral2);margin-bottom:6px}
.htag h3{font-size:1.2rem;margin-bottom:6px;color:var(--teal)}
.htag p{font-size:15px;color:var(--ink2)}

/* old vs new: routes */
.on-rows{display:grid;grid-template-columns:1fr 1.1fr;gap:30px 40px;align-items:start}
.on-row{position:relative;background:var(--paper);border:2.5px solid var(--ink);border-radius:var(--r);padding:26px 28px 24px;box-shadow:5px 6px 0 var(--ink)}
.on-old{background:#f1e6cf;border-style:dashed;border-color:#8b9795;box-shadow:none}
.on-row h3{font-size:1.35rem;margin-bottom:12px;color:var(--teal)}
.on-old h3{color:var(--ink2)}
.route{list-style:none;margin:0;padding:0}
.stop{position:relative;display:flex;gap:14px;align-items:flex-start;padding:0 0 22px;font-size:17px;line-height:1.35}
.stop:last-child{padding-bottom:0}
.stop:not(:last-child)::after{content:"";position:absolute;left:12px;top:30px;bottom:4px;border-left:2.5px dashed var(--coral)}
.stop-no{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--teal);color:#fff;font-size:13px;font-weight:700;margin-top:1px}
.on-old .stop{color:var(--ink2)}
.on-old .stop-no{background:#8b9795}
.stop-lost{text-decoration:line-through;text-decoration-color:var(--coral)}
.stop-found{font-weight:700;color:var(--teal)}
.stop-found .stop-no{background:var(--coral)}
.on-row .art{max-width:280px;margin-top:20px}
/* pricing: big tag + calculator */
.price-label{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:start}
.price-body{font-size:20px;color:var(--ink2);margin:16px 0 26px}
.price-points{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.price-points li{padding:14px 18px;border-left:5px solid var(--coral);background:var(--paper);border-radius:0 12px 12px 0}
.price-points h3{font-size:1.05rem;margin-bottom:2px}.price-points p{font-size:15px;color:var(--ink2)}
.pl-tag{position:relative;background:var(--teal);color:#fff;clip-path:polygon(0 40px,40px 0,calc(100% - 40px) 0,100% 40px,100% 100%,0 100%);padding:76px 30px 32px;text-align:center;transform:rotate(1.5deg)}
.pl-tag .tag-hole{top:22px}
.pl-kicker{font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:13px;color:var(--sun)}
.price-line{font-size:clamp(1.7rem,3vw,2.3rem);font-weight:700;letter-spacing:-.03em;margin:10px 0 22px;line-height:1.1}
.calc{background:var(--paper);color:var(--ink);border-radius:var(--r);padding:20px;text-align:left}
.calc-title{font-weight:700;color:var(--coral2);margin-bottom:10px}
.calc-field{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600}
.calc-in{display:flex;align-items:center;gap:6px;border-bottom:3px solid var(--teal)}
.calc-in i{font-style:normal;font-size:1.8rem;font-weight:700;color:var(--teal)}
.calc-input{font:inherit;font-size:1.8rem;font-weight:700;width:100%;border:0;background:transparent;color:var(--ink);padding:4px 0}
.calc-input:focus{outline:0}
.calc-out{margin-top:14px;font-size:1.9rem;font-weight:700;color:var(--teal);letter-spacing:-.03em}
.calc-to{font-size:1rem;font-weight:500;color:var(--ink2);margin:0 .35em}
.calc-hint{margin-top:10px;font-size:13px;color:var(--ink2);line-height:1.4}

/* trust: stitched labels */
.trust-labels{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:20px 26px}
.tr-label{position:relative;background:var(--kraft);border-radius:14px;padding:22px 24px 22px 28px}
.tr-label::before{content:"";position:absolute;inset:6px;border:2px dashed var(--teal);border-radius:10px;opacity:.55;pointer-events:none}
.tr-label h3{font-size:1.2rem;margin-bottom:6px;color:var(--teal)}
.tr-label p{font-size:16px;color:#3b4b49}

/* proof: will / won't */
.ww{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.ww-col{padding:30px;border-radius:var(--r);background:var(--paper)}
.ww-col h3{font-size:1.6rem;margin-bottom:16px}
.ww-will{border:3px solid var(--teal)}.ww-will h3{color:var(--teal)}
.ww-wont{border:3px dashed var(--coral)}.ww-wont h3{color:var(--coral2)}
.ww ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.ww li{position:relative;padding-left:34px;display:flex;flex-direction:column}
.ww li::before{position:absolute;left:0;top:2px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700;color:#fff}
.ww-will li::before{content:"\2713";background:var(--teal)}
.ww-wont li::before{content:"\00d7";background:var(--coral);font-size:17px}
.ww b{font-size:1.05rem}.ww span{font-size:15px;color:var(--ink2)}

/* faq: tag rows */
.faq-tags{max-width:820px;position:relative;z-index:1;display:flex;flex-direction:column;gap:12px}
.faq-tags .faq-item{background:var(--paper);border:2px solid var(--teal);border-radius:12px;transition:transform .2s}
.faq-tags .faq-item:nth-child(odd){transform:rotate(-.3deg)}.faq-tags .faq-item:nth-child(even){transform:rotate(.3deg)}
.faq-tags .faq-q{list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 20px 16px 52px;font-weight:700;font-size:1.1rem;position:relative}
.faq-tags .faq-q::-webkit-details-marker{display:none}
.faq-tags .faq-q::before{content:"";position:absolute;left:18px;top:50%;width:14px;height:14px;margin-top:-7px;border-radius:50%;background:var(--bg);box-shadow:inset 0 1px 3px rgba(0,0,0,.4),0 0 0 3px var(--kraft)}
.faq-tog{flex:none;width:18px;height:18px;position:relative}
.faq-tog::before,.faq-tog::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:3px;background:var(--coral);transform:translate(-50%,-50%);transition:transform .25s}
.faq-tog::after{transform:translate(-50%,-50%) rotate(90deg)}
details[open]>.faq-q .faq-tog::after{transform:translate(-50%,-50%) rotate(0)}
.faq-tags details[open]{background:var(--kraft)}
.faq-tags .faq-a{padding:0 24px 20px 52px;color:#34423f}

/* cta: claim ticket */
.cta-claim{position:relative;display:grid;grid-template-columns:.8fr 1.2fr;background:var(--teal);color:#fff;border-radius:var(--r);overflow:hidden;box-shadow:10px 10px 0 var(--coral)}
.cta-claim .cta-copy{padding:44px 36px;border-right:3px dashed rgba(255,255,255,.5);position:relative}
.cta-claim .eyebrow{background:var(--coral)}
.cta-claim .sec-title{color:#fff;font-size:clamp(1.9rem,3.6vw,2.8rem)}
.cta-claim .sec-intro{color:#cfe9e7;font-size:18px}
.cta-fee{margin-top:20px;font-weight:700;color:var(--sun)}
.cta-claim::before,.cta-claim::after{content:"";position:absolute;left:calc(40% - 15px);width:30px;height:30px;border-radius:50%;background:var(--bg);z-index:2}
.cta-claim::before{top:-15px}.cta-claim::after{bottom:-15px}
.cta-form{padding:36px;background:var(--paper);color:var(--ink)}
.lf-title{font-size:1.5rem;margin-bottom:16px;color:var(--teal)}
.lf-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.lf-wide{grid-column:1/-1}
.lf-field{display:flex;flex-direction:column;gap:5px}
.lf-label{font-size:14px;font-weight:700}
.lf-input{background:#fff;border:2px solid var(--ink);border-radius:10px;padding:12px 14px;color:var(--ink)}
.lf-input:focus{outline:0;box-shadow:4px 4px 0 var(--coral)}
.lf-submit{margin-top:18px;width:100%;border:0;cursor:pointer;background:var(--coral);color:#fff;font-family:var(--f);font-weight:700;font-size:19px;padding:16px;border-radius:12px;box-shadow:0 5px 0 var(--coral2)}
.lf-submit:active{transform:translateY(4px);box-shadow:0 1px 0 var(--coral2)}
.lf-submit:disabled{opacity:.6}
.lf-note{margin-top:12px;font-size:13px;color:var(--ink2)}
.lf-error{margin-top:10px;color:#b3261e;font-weight:700;font-size:14px}
.lf-done{padding:12px 0 8px}
.lf-done::before{content:"\2713";display:grid;place-items:center;width:64px;height:64px;margin-bottom:18px;border-radius:50%;background:var(--coral);color:#fff;font-size:2rem;font-weight:700;box-shadow:4px 4px 0 var(--ink);transform:rotate(-8deg)}
.lf-done-body{font-size:18px;color:var(--ink2);max-width:420px}
.lf-done-title{font-size:1.5rem;font-weight:700;margin-bottom:8px;color:var(--teal)}
.lf-book{display:inline-block;margin-top:12px;background:var(--teal);color:#fff;padding:12px 20px;border-radius:10px;text-decoration:none;font-weight:700}

/* footer: shipping label */
.foot-label{position:relative;margin-top:70px;background:var(--night);color:#cfe0de;padding:48px 0 38px}
.foot-label::before{content:"";position:absolute;left:0;right:0;top:-2px;height:0;border-top:3px dashed var(--coral)}
.foot-label .foot-top{display:grid;grid-template-columns:auto 1fr auto auto;gap:26px;align-items:center;padding:22px 0 26px;border-bottom:2px solid rgba(251,243,228,.28)}
.foot-label .logo{height:50px}
.foot-tag{font-weight:700;font-size:1.15rem;color:var(--paper)}
.foot-links{display:flex;gap:16px;flex-wrap:wrap}.foot-links a{color:#cfe0de;font-weight:600;text-decoration:none;font-size:15px}
.foot-links a:hover{color:var(--sun)}
.foot-label .foot-top::before{content:"";grid-column:1/-1;height:34px;background:repeating-linear-gradient(90deg,var(--paper) 0 3px,transparent 3px 6px,var(--paper) 6px 7px,transparent 7px 12px,var(--paper) 12px 16px,transparent 16px 19px);width:min(280px,60%);opacity:.7}
.legal{font-size:12.5px;line-height:1.6;color:#9fbab7;max-width:900px;margin-top:16px}

.js [data-reveal]{opacity:0;transform:translateY(22px) rotate(var(--r,0deg))}
.js [data-reveal].in{opacity:1;transform:rotate(var(--r,0deg));transition:opacity .5s,transform .6s cubic-bezier(.2,1.2,.4,1)}

/* section decor art: lives in the empty right-hand side, never over copy */
.sec-art{position:absolute;z-index:0;display:none}
.art-sec-demo{right:24px;top:300px;width:clamp(250px,26vw,380px)}
.art-sec-how{top:4px;right:24px;width:250px}
.art-sec-trust{top:10px;right:24px;width:220px}
.art-sec-pricing{right:60px;bottom:-16px;width:240px}
.art-sec-faq{top:150px;right:24px;width:230px}
.art-sec-proof{top:0;right:40px;width:160px}
@media (min-width:1021px){.art-sec-demo,.art-sec-pricing{display:block}}
@media (min-width:1100px){.art-sec-how,.art-sec-trust,.art-sec-proof{display:block}}
@media (min-width:1240px){.art-sec-faq{display:block}}
.art-divider{display:block;width:100%;max-width:1180px;margin:-34px auto -34px;padding:0 24px;height:40px;position:relative;z-index:2}
.art-divider svg{height:40px;width:100%}
.art-cta{display:block;width:min(230px,70%);margin-top:22px}
.cta-claim .art-cta .k{stroke:var(--ink)}
.art-flow-old,.art-flow-new{width:100%}
.art-hero .k{stroke:var(--ink)}

@media (max-width:1020px){
  .hero-thread{grid-template-columns:1fr;gap:34px}
  .htag{flex-basis:calc(50% - 12px)}
  .price-label,.cta-claim,.ww,.trust-labels,.on-rows{grid-template-columns:1fr}
  .cta-claim .cta-copy{border-right:0;border-bottom:3px dashed rgba(255,255,255,.5)}
  .cta-claim::before,.cta-claim::after{display:none}
  .uc-list{grid-template-columns:repeat(2,1fr)}.sticker-card,.sticker-card:nth-child(4),.sticker-card:nth-child(5){grid-column:auto}
  .foot-label .foot-top{grid-template-columns:1fr;justify-items:start}
}
@media (max-width:640px){
  body.arch-e{font-size:17px}
  .logo{height:36px}.nav-strip{padding-right:14px}.nav-strip .btn-sm{white-space:nowrap;padding:8px 14px;font-size:15px}
  .chat-tabs{gap:10px}.chat-tab{font-size:14.5px;padding:10px 16px 10px 28px}
  .on-row{padding:20px 18px}
  .sticker-card .uc-art{width:70px;right:10px}
  .wrap{padding:0 16px}
  .nav-strip{padding-left:44px;gap:10px}.nav-strip .nav-links{display:none}.nav-strip .btn{margin-left:auto}
  .sec{padding:64px 0}
  .uc-list,.lf-grid{grid-template-columns:1fr}
  .htag{flex-basis:100%}
  .hero-ctas .btn{width:100%}
  .sticker{font-size:11.5px;padding:6px 10px}
  .art-hero .h-side{display:none}
  .tag-card{padding:60px 16px 18px}
  .cta-form,.cta-claim .cta-copy{padding:24px 18px}
  .stop{max-width:none;width:100%}.stop:not(:last-child)::after{display:none}
  .route{gap:10px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js [data-reveal]{opacity:1;transform:rotate(var(--r,0deg))}
}

/* ---------- illustration system: two-spot print, misregistered fills ----------
   Each drawing = fill layer (.o, nudged 3px off register) under an ink line layer (.k).
   Classes: .k ink line, .t thin line, .st stitch, .c1 coral, .c2 sun, .c3 teal, .c4 kraft, .c5 paper, .ink solid ink. */
.art{display:block;pointer-events:none;line-height:0}
.art svg{display:block;width:100%;height:auto;overflow:visible}
.art .k{fill:none;stroke:var(--ink);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.art .t{stroke-width:1.6}
.art .st{fill:none;stroke:var(--ink);stroke-width:1.7;stroke-dasharray:3 4.5;stroke-linecap:round}
.art .c1{fill:var(--coral)}.art .c2{fill:var(--sun)}.art .c3{fill:var(--teal)}.art .c4{fill:var(--kraft)}.art .c5{fill:var(--paper)}.art .ink{fill:var(--ink)}
.art .o{transform:translate(3px,3px)}
.art .ln-c{stroke:var(--coral)}

@media (min-width:1700px){
  .wrap{max-width:1400px}
  body.arch-e{font-size:19px}
}

/* social proof (renders only when brand.json has items): claim tickets, rubber stamps, printed labels */
.sec-socialProof{background:var(--bg2);border-block:2px dashed rgba(11,93,95,.25)}
.sp-body{display:flex;flex-direction:column;gap:60px}
.sp-quotes{list-style:none;margin:0;padding:0;display:grid;gap:34px 30px;grid-template-columns:repeat(3,minmax(0,1fr))}
.sp-quotes.sp-n1{grid-template-columns:minmax(0,760px)}
.sp-quotes.sp-n2,.sp-quotes.sp-n4{grid-template-columns:repeat(2,minmax(0,1fr))}
.sp-quote{filter:drop-shadow(5px 6px 0 var(--ink));transform:rotate(var(--r,0deg))}
.sp-quote.sp-q0{--r:-.8deg}.sp-quote.sp-q1{--r:.7deg}.sp-quote.sp-q2{--r:-.4deg}
.sp-quote figure{--stub:76px;margin:0;height:100%;display:grid;grid-template-rows:1fr auto;background:radial-gradient(circle at 0 calc(100% - var(--stub)),transparent 10.5px,var(--ink) 11px 13.5px,transparent 14px),radial-gradient(circle at 100% calc(100% - var(--stub)),transparent 10.5px,var(--ink) 11px 13.5px,transparent 14px),var(--paper);border-radius:14px;
  -webkit-mask:radial-gradient(circle 11px at 0 calc(100% - var(--stub)),#0000 98%,#000) left/51% 100% no-repeat,radial-gradient(circle 11px at 100% calc(100% - var(--stub)),#0000 98%,#000) right/51% 100% no-repeat;
  mask:radial-gradient(circle 11px at 0 calc(100% - var(--stub)),#0000 98%,#000) left/51% 100% no-repeat,radial-gradient(circle 11px at 100% calc(100% - var(--stub)),#0000 98%,#000) right/51% 100% no-repeat;
  box-shadow:inset 0 0 0 2.5px var(--ink)}
.sp-quote blockquote{margin:0;padding:34px 28px 22px;position:relative}
.sp-quote blockquote::before{content:'"';position:absolute;left:24px;top:2px;font-size:4rem;line-height:1;font-weight:700;color:var(--coral)}
.sp-quote blockquote p{font-size:1.2rem;font-weight:600;line-height:1.32;letter-spacing:-.01em;padding-top:18px;overflow-wrap:anywhere}
.sp-quote figcaption{min-height:var(--stub);padding:14px 28px 16px;display:flex;flex-direction:column;justify-content:center;border-top:2.5px dashed var(--ink);gap:2px}
.sp-quote figcaption b{color:var(--teal);font-size:1.05rem;overflow-wrap:anywhere}
.sp-quote figcaption span{font-size:14px;color:var(--ink2);overflow-wrap:anywhere}
.sp-stats{margin:0;display:grid;gap:34px 26px;grid-template-columns:repeat(4,minmax(0,1fr))}
.sp-stats.sp-n1{grid-template-columns:minmax(0,320px)}.sp-stats.sp-n2{grid-template-columns:repeat(2,minmax(0,320px))}.sp-stats.sp-n3{grid-template-columns:repeat(3,minmax(0,1fr))}
.sp-stat{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:24px 16px 20px;color:var(--coral2);border:3px solid currentColor;border-radius:12px;outline:2px solid currentColor;outline-offset:5px;mix-blend-mode:multiply;transform:rotate(-2.5deg);margin:6px}
.sp-stat:nth-child(even){transform:rotate(1.8deg)}.sp-stat:nth-child(3n){transform:rotate(-1deg);color:var(--teal)}
.sp-stat dt{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;overflow-wrap:anywhere}
.sp-stat dd{margin:0;font-size:clamp(2rem,4vw,3rem);font-weight:700;letter-spacing:-.04em;line-height:1;overflow-wrap:anywhere}
.sp-src{font-size:12.5px;font-weight:600;border-top:2px dashed currentColor;padding-top:7px;margin-top:4px;overflow-wrap:anywhere}
.sp-logos{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:18px 16px}
.sp-logo{position:relative;display:flex;align-items:center;min-height:58px;max-width:min(100%,270px);padding:12px 22px 12px 38px;background:var(--kraft);color:var(--teal);font-weight:700;font-size:14px;letter-spacing:.09em;text-transform:uppercase;line-height:1.2;border-radius:6px 14px 14px 6px;transform:rotate(-.6deg)}
.sp-logo:nth-child(even){transform:rotate(.7deg)}
.sp-logo::before{content:"";position:absolute;inset:5px;border:2px dashed rgba(11,93,95,.5);border-radius:3px 10px 10px 3px;pointer-events:none}
.sp-logo::after{content:"";position:absolute;left:12px;top:50%;width:11px;height:11px;margin-top:-5.5px;border-radius:50%;background:var(--bg2);box-shadow:inset 0 1px 2px rgba(0,0,0,.4)}
.sp-logo span{overflow-wrap:anywhere}
.sp-logo svg,.sp-logo img{display:block;height:28px;width:auto;max-width:160px}
@media (max-width:1020px){.sp-quotes,.sp-quotes.sp-n3{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-stats,.sp-stats.sp-n3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.sp-quotes,.sp-quotes.sp-n2,.sp-quotes.sp-n3,.sp-quotes.sp-n4{grid-template-columns:minmax(0,1fr)}.sp-body{gap:44px}.sp-quote blockquote{padding:32px 20px 18px}.sp-quote figcaption{padding:12px 20px}.sp-stats{gap:28px 22px}.sp-logo{max-width:100%}}
@media (max-width:380px){.sp-stats,.sp-stats.sp-n2,.sp-stats.sp-n3{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.sp-quote,.sp-stat,.sp-logo{transform:none}}