/* HELPER combined landing page · noodle, wrapper & dumpling lines (2026-11-10) */
.lp-page{background:var(--color-paper,#FFFDF8);color:var(--color-ink,#171D21);font-family:var(--font-body)}
.lp-page .wrap{width:min(1200px,calc(100% - 48px));margin-inline:auto}
.lp-page h1,.lp-page h2,.lp-page h3{font-family:var(--font-display);font-weight:500;letter-spacing:-.01em;margin:0}
.lp-kicker,.lp-eyebrow,.lp-tag{display:flex;align-items:center;gap:14px;margin:0 0 16px;font-size:12px;letter-spacing:4px;text-transform:uppercase}
.lp-kicker{color:var(--color-terra,#A8442F)}.lp-kicker:before,.lp-eyebrow:before{content:"";width:40px;height:1px;background:currentColor}
.lp-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 26px;font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;text-decoration:none;border:1px solid transparent;transition:background .2s,color .2s,border-color .2s}
.lp-btn--gold{background:linear-gradient(135deg,#B8904A,#E8CF9A);color:#0F1316}.lp-btn--gold:hover{background:#E8CF9A}
.lp-btn--ghost{border-color:rgba(255,255,255,.45);color:#fff}.lp-btn--ghost:hover{border-color:#E8CF9A;color:#E8CF9A}
.lp-btn--dark{background:#0F1316;color:#fff;min-height:46px}.lp-btn--dark:hover{background:#84652E}

/* hero */
.lp-hero{position:relative;background:#0F1316;color:#fff;overflow:hidden;padding:clamp(3.5rem,7vw,6rem) 0 clamp(5rem,8vw,7rem)}
.lp-hero__bg{position:absolute;inset:0}.lp-hero__bg img{width:100%;height:100%;object-fit:cover;opacity:.38}
.lp-hero__bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,19,22,.96) 0%,rgba(15,19,22,.8) 50%,rgba(15,19,22,.55) 100%)}
.lp-hero__grid{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(2rem,5vw,4.5rem);align-items:center}
.lp-eyebrow{color:#C9A25C}
.lp-hero h1{font-size:clamp(2.4rem,5vw,4.2rem);line-height:1.06}.lp-hero h1 span{display:block;color:#E8CF9A}
.lp-slogan{margin:22px 0 14px;padding-left:16px;border-left:2px solid #C9A25C;color:#E8CF9A;font-family:var(--font-display);font-size:clamp(1.15rem,1.7vw,1.45rem);line-height:1.35;max-width:32ch}
.lp-lead{color:#CDD2D5;font-size:1.05rem;line-height:1.65;max-width:54ch;margin:0 0 28px}
.lp-actions{display:flex;gap:14px;flex-wrap:wrap}
.lp-chooser{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:22px;background:rgba(15,19,22,.72);border:1px solid rgba(201,162,92,.35);backdrop-filter:blur(8px)}
.lp-chooser p{grid-column:1/-1;margin:0 0 4px;color:#C9A25C;font-size:12px;letter-spacing:4px;text-transform:uppercase}
.lp-chooser a{display:flex;align-items:center;gap:12px;padding:8px;background:rgba(255,253,248,.06);border:1px solid rgba(255,255,255,.08);color:#fff;text-decoration:none;font-size:.95rem;transition:border-color .2s,background .2s}
.lp-chooser a:hover{border-color:#C9A25C;background:rgba(201,162,92,.12)}
.lp-chooser a:last-child{grid-column:1/-1}
.lp-chooser img{width:58px;height:58px;object-fit:cover;background:#FFFDF8;flex:none}

.lp-facts{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);margin-top:-48px;background:#FFFDF8;border-top:2px solid #C9A25C;box-shadow:0 24px 48px -28px rgba(15,19,22,.45)}
.lp-facts div{padding:24px 22px;border-right:1px solid #E9E1CF;text-align:center}.lp-facts div:last-child{border-right:0}
.lp-facts strong{display:block;font-family:var(--font-display);font-weight:400;font-size:clamp(1.8rem,3vw,2.5rem);color:#B8904A;line-height:1.1}
.lp-facts span{display:block;margin-top:6px;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:#62696D}

/* sections */
.lp-sec{padding-block:clamp(3.5rem,7vw,6rem)}
.lp-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,4rem);align-items:end;margin-bottom:clamp(2rem,4vw,3rem)}
.lp-head h2{font-size:clamp(1.9rem,3.4vw,2.7rem);line-height:1.15;max-width:20ch}
.lp-head>p{margin:0;color:#62696D;font-size:1.05rem;line-height:1.65}
.lp-route{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid #E9E1CF;background:#F7F3EA}
.lp-route li{display:flex;flex-direction:column;gap:6px;padding:20px 18px;border-right:1px solid #E9E1CF}.lp-route li:last-child{border-right:0}
.lp-route span{font-size:11px;letter-spacing:3px;color:#9C7A3C}.lp-route b{font-family:var(--font-display);font-weight:500;font-size:1.1rem}
.lp-route small{color:#62696D;font-size:.85rem;line-height:1.45}
.lp-route .lp-route__iface{background:#FFFDF8;outline:1px dashed #C9BFA8;outline-offset:-7px}

.lp-products{background:#F7F3EA;border-block:1px solid #E9E1CF}
.lp-products .wrap{display:grid;gap:clamp(2rem,4vw,3rem)}
.lp-prod{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);background:#fff;border:1px solid #E9E1CF;scroll-margin-top:90px}
.lp-prod--rev figure{order:2}
.lp-prod figure{margin:0;display:flex;align-items:center;justify-content:center;background:#fff;border-right:1px solid #E9E1CF;min-height:100%}
.lp-prod--rev figure{border-right:0;border-left:1px solid #E9E1CF}
.lp-prod figure img{width:100%;max-height:520px;object-fit:contain;padding:24px;box-sizing:border-box}
.lp-video{flex-direction:column;background:#0F1316!important}.lp-video video{width:100%;display:block;background:#0F1316}
.lp-video figcaption{width:100%;padding:10px 16px;color:#CDD2D5;font-size:.85rem;box-sizing:border-box}
.lp-prod__copy{padding:clamp(1.75rem,3.5vw,3rem)}
.lp-tag{color:#9C7A3C}
.lp-prod h2{font-size:clamp(1.6rem,2.6vw,2.2rem);line-height:1.15;margin-bottom:14px}
.lp-prod__copy>p:not(.lp-tag){color:#4A5257;line-height:1.7;margin:0 0 20px}
.lp-specs{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.lp-specs li{padding:8px 12px;background:#F7F3EA;border:1px solid #E9E1CF;font-size:.88rem;color:#242C32}
.lp-specs b{font-family:var(--font-display);font-weight:500;font-size:1.05rem;color:#171D21}
.lp-points{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:8px}
.lp-points li{position:relative;padding-left:22px;color:#4A5257;line-height:1.55}
.lp-points li:before{content:"";position:absolute;left:0;top:.6em;width:10px;height:2px;background:#C9A25C}
.lp-sub{display:grid;gap:10px;margin:0 0 24px}
.lp-sub div{display:grid;grid-template-columns:1fr auto;gap:2px 16px;padding:12px 16px;background:#F7F3EA;border-left:2px solid #C9A25C}
.lp-sub b{font-weight:600}.lp-sub span{grid-column:1;color:#62696D;font-size:.9rem}.lp-sub a{grid-row:1/3;grid-column:2;align-self:center;color:#853423;font-size:.9rem;text-decoration:none}
.lp-prod__links{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.lp-prod__links a:not(.lp-btn){color:#853423;font-weight:600;text-decoration:none;font-size:.95rem}.lp-prod__links a:not(.lp-btn):hover{text-decoration:underline}

.lp-trial{background:#0F1316;color:#fff}
.lp-head--light h2{color:#fff}.lp-head--light>p{color:#CDD2D5}.lp-head--light .lp-kicker{color:#C9A25C}
.lp-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:rgba(201,162,92,.3);border:1px solid rgba(201,162,92,.3)}
.lp-steps li{padding:28px 24px;background:#151B1F}
.lp-steps span{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid #C9A25C;color:#E8CF9A;font-family:var(--font-display);font-size:1.1rem;margin-bottom:16px}
.lp-steps b{display:block;font-family:var(--font-display);font-weight:500;font-size:1.2rem;margin-bottom:8px}
.lp-steps p{margin:0;color:#AEB4B8;line-height:1.6;font-size:.95rem}

.lp-trust__grid{display:grid;grid-template-columns:1.3fr 1fr 1.2fr;gap:20px}
.lp-trust__card{display:flex;flex-direction:column;gap:8px;padding:0 0 22px;background:#fff;border:1px solid #E9E1CF;color:#171D21;text-decoration:none;transition:border-color .2s}
.lp-trust__card:hover{border-color:#C9A25C}
.lp-trust__card img{width:100%;height:220px;object-fit:cover;margin-bottom:10px}
.lp-trust__card--cert img{object-fit:contain;background:#F7F3EA;padding:18px;box-sizing:border-box}
.lp-trust__card b{padding:0 22px;font-family:var(--font-display);font-weight:500;font-size:1.25rem}
.lp-trust__card>span{padding:0 22px;color:#853423;font-size:.92rem;margin-top:auto}
.lp-trust__card--pat{padding-top:22px}
.lp-trust__card ul{list-style:none;margin:6px 0 10px;padding:0 22px;display:grid;gap:12px}
.lp-trust__card li{padding-left:14px;border-left:2px solid #C9A25C;line-height:1.4}.lp-trust__card li small{display:block;color:#62696D;font-size:.8rem}

.lp-quote-sec{background:#F7F3EA;border-top:1px solid #E9E1CF}
.lp-quote{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(2rem,5vw,4.5rem);align-items:start}
.lp-quote__intro h2{font-size:clamp(1.9rem,3.2vw,2.6rem);line-height:1.15;margin-bottom:16px}
.lp-quote__intro>p{color:#62696D;line-height:1.65}
.lp-direct{margin-top:24px;padding-top:20px;border-top:1px solid #E9E1CF;line-height:1.9}.lp-direct a{color:#853423;font-weight:600}
.lp-form{display:grid;gap:14px;padding:clamp(1.5rem,3vw,2.25rem);background:#fff;border:1px solid #E9E1CF;border-top:3px solid #0F1316;scroll-margin-top:90px}
.lp-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.lp-form label{display:grid;gap:6px;font-size:.88rem;font-weight:600;color:#242C32}
.lp-form .opt{font-weight:400;color:#8F969B;font-size:.8rem}
.lp-form input,.lp-form select,.lp-form textarea{width:100%;box-sizing:border-box;padding:12px 14px;border:1px solid #CFC6B3;background:#FFFDF8;font:inherit;font-weight:400;color:#171D21}
.lp-form input:focus,.lp-form select:focus,.lp-form textarea:focus{outline:2px solid #C9A25C;outline-offset:0;border-color:#C9A25C}
.lp-form button{min-height:54px;border:0;background:linear-gradient(135deg,#B8904A,#E8CF9A);color:#0F1316;font-size:14px;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer}
.lp-form button:disabled{opacity:.6;cursor:default}
.lp-form .trap{position:absolute;left:-9999px}
.lp-status:empty{display:none}.lp-status{margin:0;padding:12px;background:#F7F3EA}.lp-status[data-state=success]{background:#E8F3EC;color:#1E5B35}.lp-status[data-state=error]{background:#FBEAE6;color:#853423}
.lp-fine{margin:0;color:#8F969B;font-size:.8rem}.lp-fine a{color:inherit}

.lp-faq__wrap{display:grid;grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr);gap:clamp(2rem,5vw,4rem)}
.lp-faq h2{font-size:clamp(1.8rem,3vw,2.4rem)}
.lp-faq details{border-bottom:1px solid #E9E1CF;padding:18px 0}
.lp-faq summary{cursor:pointer;font-family:var(--font-display);font-size:1.15rem;list-style:none;display:flex;justify-content:space-between;gap:16px}
.lp-faq summary::-webkit-details-marker{display:none}.lp-faq summary:after{content:"+";color:#C9A25C;font-size:1.4rem;line-height:1}
.lp-faq details[open] summary:after{content:"–"}
.lp-faq details p{margin:12px 0 0;color:#4A5257;line-height:1.7}

@media(max-width:1100px){.lp-route{grid-template-columns:repeat(4,minmax(0,1fr))}.lp-route li{border-bottom:1px solid #E9E1CF}}
@media(max-width:960px){.lp-hero__grid,.lp-head,.lp-quote,.lp-faq__wrap{grid-template-columns:1fr}.lp-prod,.lp-prod--rev{grid-template-columns:1fr}.lp-prod--rev figure{order:0;border-left:0}.lp-prod figure{border-right:0;border-bottom:1px solid #E9E1CF}.lp-prod figure img{max-height:360px}.lp-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.lp-trust__grid{grid-template-columns:1fr 1fr}.lp-trust__card--pat{grid-column:1/-1}.lp-facts{grid-template-columns:repeat(2,1fr)}.lp-facts div:nth-child(2){border-right:0}.lp-facts div:nth-child(-n+2){border-bottom:1px solid #E9E1CF}}
@media(max-width:600px){.lp-page .wrap{width:calc(100% - 32px)}.lp-route{grid-template-columns:repeat(2,minmax(0,1fr))}.lp-steps,.lp-trust__grid,.lp-fields{grid-template-columns:1fr}.lp-chooser img{width:48px;height:48px}.lp-actions .lp-btn{width:100%}.lp-sub div{grid-template-columns:1fr}.lp-sub a{grid-row:auto;grid-column:1}.lp-facts span{font-size:11px;letter-spacing:1px}}
.lp-page .skip{position:absolute;left:-1000px}.lp-page .skip:focus{left:8px;top:8px;background:#fff;padding:10px;z-index:50}
.lp-page .footer-note{margin:0;padding:12px 24px 20px;background:#0F1316;text-align:center;font-size:.8rem}.lp-page .footer-note a{color:#8F969B}
.lp-film{background:#FFFDF8}
.lp-film__frame{aspect-ratio:1/1;background:#0F1316;display:flex;align-items:center;justify-content:center;border:1px solid #E9E1CF}
.lp-film__frame video{width:100%;height:100%;display:block}
.lp-cases{background:#FFFDF8;border-top:1px solid #E9E1CF}
.lp-cases__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.lp-case{min-height:260px;display:flex;flex-direction:column;gap:8px;padding:22px;background:#fff;border:1px solid #E9E1CF}
.lp-service{background:#F7F3EA;border-top:1px solid #E9E1CF}
.lp-service__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#E9E1CF;border:1px solid #E9E1CF}
.lp-service__grid>div{display:flex;flex-direction:column;gap:8px;padding:24px;background:#fff}
.lp-service__grid b,.lp-case b{font-family:var(--font-display);font-weight:500;font-size:1.15rem}
.lp-todo{outline:2px dashed #D9822B;outline-offset:-6px;color:#9A5A16}
.lp-film__frame.lp-todo div{display:grid;gap:8px;text-align:center;color:#E8CF9A}
@media(max-width:960px){.lp-cases__grid{grid-template-columns:1fr}.lp-service__grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.lp-service__grid{grid-template-columns:1fr}}

/* square film block */
.lp-film__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,560px);gap:56px;align-items:center}
.lp-film__copy h2{margin:.2em 0 .5em}
.lp-film__copy>p{color:#4a4a44;max-width:44ch}
.lp-film__steps{list-style:none;margin:26px 0 30px;padding:0;border-top:1px solid #E9E1CF}
.lp-film__steps li{display:flex;gap:18px;padding:11px 0;border-bottom:1px solid #E9E1CF;font-size:16px}
.lp-film__steps span{font-variant-numeric:tabular-nums;color:#9C7A3C;font-weight:700;min-width:3em}
.lp-film__frame{box-shadow:0 18px 40px rgba(15,19,22,.14)}
.lp-film__frame video{object-fit:cover}
@media (max-width:900px){.lp-film__grid{grid-template-columns:1fr;gap:28px}.lp-film__frame{order:-1}}
/* lean v3: compact route, unified 4:3 photos, proof row */
.lp-route{display:flex;flex-wrap:wrap;gap:0;border:0;background:none;margin:0 0 clamp(1.5rem,3vw,2.25rem);counter-reset:st}
.lp-route li{counter-increment:st;display:flex;align-items:center;gap:10px;flex:none;padding:0;border:0;font-family:var(--font-display);font-size:1.05rem;color:#171D21;flex-direction:row}
.lp-route li:before{content:"0" counter(st);font-family:var(--font-body);font-size:11px;letter-spacing:2px;color:#9C7A3C}
.lp-route li:not(:last-child):after{content:"";width:28px;height:1px;background:#C9A25C;margin:0 14px}
.lp-route .lp-route__iface{outline:0;background:none;color:#62696D;font-style:italic}
.lp-route .lp-route__iface:before{content:"+"}
.lp-prod{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:stretch}
.lp-prod figure{background:#E9E1CF;border:0!important;overflow:hidden}
.lp-prod figure img{width:100%;height:100%;max-height:none;aspect-ratio:4/3;object-fit:cover;padding:0}
.lp-prod__copy{display:flex;flex-direction:column;justify-content:center}
.lp-prod h2{font-size:clamp(1.5rem,2.3vw,2rem)}
.lp-proof{list-style:none;margin:clamp(1.5rem,3vw,2.25rem) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.lp-proof a{display:flex;flex-direction:column;gap:6px;padding:18px 0 0;border-top:1px solid rgba(201,162,92,.45);color:#fff;text-decoration:none}
.lp-proof b{font-family:var(--font-display);font-weight:500;font-size:1.15rem}
.lp-proof span{color:#AEB4B8;font-size:.92rem}.lp-proof a:hover span{color:#E8CF9A}
@media (max-width:900px){.lp-prod{grid-template-columns:1fr}.lp-prod--rev figure{order:0}.lp-proof{grid-template-columns:1fr}.lp-route li:not(:last-child):after{width:14px;margin:0 8px}.lp-route{row-gap:10px}}
@media (max-width:600px){.lp-route{gap:10px 20px}.lp-route li:not(:last-child):after{display:none}.lp-specs li{padding:6px 10px;font-size:.8rem}.lp-specs b{font-size:.95rem}}
