:root{
  --ink:#070909;
  --paper:#EEF4F4;
  --white:#FFFFFF;
  --brand:#8BC7C9;
  --brand-deep:#244F53;
  --brand-mid:#5AA6AA;
  --brand-light:#DCEFF0;
  --brand-mist:#F1F7F7;
  --coral:#8BC7C9;
  --lime:#8BC7C9;
  --violet:#244F53;
  --blue:#5AA6AA;
  --mint:#8BC7C9;
  --yellow:#DCEFF0;
  --border:rgba(7,9,9,.16);
  --radius:28px;
  --container:min(1320px,calc(100vw - 48px));
  --ease:cubic-bezier(.2,.8,.2,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--ink)}
body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;line-height:1.45;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
button,input,textarea{font:inherit}
button{cursor:pointer}
::selection{background:var(--lime);color:var(--ink)}
.skip-link{position:fixed;left:16px;top:-70px;z-index:9999;background:#fff;color:#070909;padding:12px 18px;border-radius:999px;font-weight:800;transition:top .2s}.skip-link:focus{top:16px}
.announcement{height:36px;padding:0 24px;background:var(--lime);display:flex;align-items:center;justify-content:center;gap:24px;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.announcement a{text-decoration:underline;text-underline-offset:3px}
.site-header{height:82px;width:100%;padding:0 max(24px,calc((100vw - 1320px)/2));display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;position:absolute;top:36px;left:0;z-index:50;color:#fff;border-bottom:1px solid rgba(255,255,255,.2);transition:background .3s,transform .3s,box-shadow .3s}
.site-header.is-fixed{position:fixed;top:0;background:rgba(17,17,17,.9);backdrop-filter:blur(16px);box-shadow:0 12px 40px rgba(0,0,0,.18)}
.brand{justify-self:start}.brand img{height:42px;width:auto}
.main-nav{display:flex;align-items:center;gap:34px;font-size:14px;font-weight:700}.main-nav a{position:relative}.main-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:var(--lime);transition:right .25s}.main-nav a:hover:after{right:0}
.header-cta{justify-self:end}.menu-button{display:none;background:none;border:0;width:44px;height:44px;padding:10px}.menu-button span{display:block;height:2px;background:#fff;margin:7px 0}
.button{min-height:58px;display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:0 26px;border:1px solid transparent;border-radius:999px;font-weight:850;font-size:15px;letter-spacing:-.01em;transition:transform .25s var(--ease),box-shadow .25s,background .25s,color .25s}.button:hover{transform:translateY(-3px)}.button span{font-size:19px}.button--small{min-height:45px;padding:0 20px;font-size:13px}.button--primary{background:var(--coral);color:#fff;box-shadow:0 14px 34px rgba(139,199,201,.24)}.button--primary:hover{box-shadow:0 18px 44px rgba(139,199,201,.35)}.button--dark{background:#070909;color:#fff}.button--glass{border-color:rgba(255,255,255,.38);color:#fff;background:rgba(255,255,255,.08);backdrop-filter:blur(12px)}.button--glass:hover{background:#fff;color:#070909}.button--light{background:#fff;color:#070909}.button--wide{width:100%;min-height:66px}
.hero{min-height:calc(100svh - 36px);position:relative;background:#080B0B;color:#fff;display:grid;grid-template-columns:minmax(0,1fr) minmax(520px,.9fr);gap:24px;padding:168px max(24px,calc((100vw - 1320px)/2)) 74px;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 16% 80%,rgba(139,199,201,.16),transparent 34%),radial-gradient(circle at 82% 25%,rgba(36,79,83,.34),transparent 32%)}.hero-noise{position:absolute;inset:0;opacity:.05;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.hero-orbit{position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%}.orbit-one{width:650px;height:650px;right:-160px;top:80px}.orbit-two{width:420px;height:420px;right:55px;top:195px}
.hero-copy{position:relative;z-index:4;align-self:center;padding-bottom:36px}.eyebrow,.section-kicker{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:850}.eyebrow{color:rgba(255,255,255,.65);margin-bottom:24px}.eyebrow span{width:32px;height:2px;background:var(--lime)}
.hero h1{font-size:clamp(66px,8.1vw,132px);line-height:.82;letter-spacing:-.078em;margin:0 0 34px;max-width:850px;font-weight:900}.hero h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:var(--lime)}.hero-lead{font-size:clamp(18px,1.5vw,24px);line-height:1.45;color:rgba(255,255,255,.7);max-width:650px;margin:0 0 34px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-proof{display:flex;gap:32px;margin-top:55px;color:rgba(255,255,255,.6);font-size:13px}.hero-proof span{display:flex;gap:10px;align-items:center}.hero-proof b{color:#fff;font-size:10px;width:27px;height:27px;border:1px solid rgba(255,255,255,.28);display:grid;place-items:center;border-radius:50%}
.hero-stage{position:relative;z-index:3;min-height:610px;align-self:center;perspective:1200px}.stage-glow{position:absolute;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.16),rgba(36,79,83,.14) 40%,transparent 70%);left:50%;top:50%;transform:translate(-50%,-50%)}.product-object{position:absolute;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.09);box-shadow:0 35px 90px rgba(0,0,0,.38);backdrop-filter:blur(14px);border-radius:26px;padding:16px;transition:transform .2s ease-out}.object-label{font-size:9px;letter-spacing:.18em;font-weight:900;color:rgba(255,255,255,.65);margin:2px 0 8px 4px}.object-pin{width:265px;left:3%;top:21%;transform:rotate(-11deg)}.object-magnet{width:335px;right:0;top:8%;transform:rotate(8deg)}.object-key{width:215px;right:15%;bottom:0;transform:rotate(-5deg)}.stage-chip{position:absolute;padding:11px 16px;border-radius:999px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:#070909;box-shadow:0 10px 28px rgba(0,0,0,.25)}.chip-one{background:var(--lime);left:3%;bottom:18%;transform:rotate(7deg)}.chip-two{background:var(--yellow);right:1%;top:48%;transform:rotate(-5deg)}.stage-stamp{position:absolute;left:41%;top:49%;width:95px;height:95px;border-radius:50%;background:var(--coral);display:grid;place-items:center;text-align:center;color:#fff;font-weight:900;letter-spacing:.08em;line-height:1.05;transform:rotate(11deg);box-shadow:0 20px 40px rgba(139,199,201,.24)}.scroll-hint{position:absolute;left:max(24px,calc((100vw - 1320px)/2));bottom:25px;color:rgba(255,255,255,.5);font-size:11px;text-transform:uppercase;letter-spacing:.16em;font-weight:800;display:flex;align-items:center;gap:12px}.scroll-hint span{width:38px;height:1px;background:rgba(255,255,255,.42)}
.logo-marquee{height:76px;overflow:hidden;background:var(--lime);display:flex;align-items:center;border-top:1px solid #070909;border-bottom:1px solid #070909}.marquee-track{display:flex;align-items:center;gap:28px;white-space:nowrap;font-size:18px;font-weight:950;letter-spacing:.05em;animation:marquee 27s linear infinite}.marquee-track i{font-style:normal;font-size:12px}@keyframes marquee{to{transform:translateX(-50%)}}
.section{padding:125px max(24px,calc((100vw - 1320px)/2))}.section-kicker{margin-bottom:30px}.section-kicker:before{content:"";width:28px;height:2px;background:currentColor}.section-kicker--light{color:rgba(255,255,255,.65)}
.intro{background:var(--paper)}.intro-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:80px;align-items:end}.display-heading{font-size:clamp(52px,6.6vw,100px);line-height:.96;letter-spacing:-.065em;margin:0;max-width:980px}.display-heading span{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;color:var(--coral)}.intro-copy{padding-bottom:8px}.intro-copy p{font-size:20px;line-height:1.65;margin:0 0 34px;color:#505050}.text-link{display:inline-flex;align-items:center;gap:12px;font-weight:900;border-bottom:2px solid;padding-bottom:6px}.text-link span{transition:transform .2s}.text-link:hover span{transform:translate(3px,-3px)}.metric-row{margin-top:94px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);display:grid;grid-template-columns:repeat(3,1fr)}.metric-row>div{padding:36px 26px 36px 0;display:flex;align-items:baseline;gap:18px}.metric-row>div+div{border-left:1px solid var(--border);padding-left:34px}.metric-row strong{font-size:38px;letter-spacing:-.05em}.metric-row span{font-size:13px;color:#666;max-width:190px}
.products{background:#fff}.section-head{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:end;margin-bottom:58px}.section-head h2,.process h2,.benefits h2,.faq h2{font-size:clamp(54px,6.5vw,96px);line-height:.92;letter-spacing:-.065em;margin:0}.section-head>p{max-width:440px;font-size:19px;color:#666;justify-self:end}.product-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.product-card{position:relative;min-height:535px;border-radius:var(--radius);padding:28px;overflow:hidden;display:flex;flex-direction:column;border:1px solid rgba(0,0,0,.08)}.product-card:nth-child(1),.product-card:nth-child(2),.product-card:nth-child(3){grid-column:span 4}.product-card:nth-child(4),.product-card:nth-child(5),.product-card:nth-child(6){grid-column:span 4}.product-card h3{font-size:30px;margin:0 0 10px;letter-spacing:-.04em}.product-card p{margin:0;color:rgba(17,17,17,.67);max-width:330px}.card-top{display:flex;justify-content:space-between;align-items:center;font-weight:900}.card-top>a{width:42px;height:42px;border-radius:50%;border:1px solid currentColor;display:grid;place-items:center;font-size:18px;transition:transform .2s,background .2s,color .2s}.card-top>a:hover{transform:rotate(45deg);background:#070909;color:#fff}.card-art{flex:1;display:grid;place-items:center;position:relative}.card-coral{background:#DCEFF0}.card-lime{background:var(--lime)}.card-violet{background:#244F53;color:#fff}.card-violet p{color:rgba(255,255,255,.7)}.card-violet .card-top>a{border-color:rgba(255,255,255,.6)}.card-cream{background:#F1F7F7}.card-dark{background:#0E1212;color:#fff}.card-dark p{color:rgba(255,255,255,.65)}.card-dark .card-top>a{border-color:rgba(255,255,255,.6)}.card-blue{background:#5AA6AA;color:#fff}.card-blue p{color:rgba(255,255,255,.7)}.card-blue .card-top>a{border-color:rgba(255,255,255,.6)}
.mini-magnet{width:240px;height:210px;border-radius:38px;background:#070909;color:#fff;display:grid;place-items:center;transform:rotate(-8deg);box-shadow:17px 22px 0 rgba(255,255,255,.38);position:relative}.mini-magnet b{text-align:center;font-size:34px;line-height:.88}.mini-magnet span{position:absolute;right:19px;top:16px;color:var(--yellow);font-size:28px}.mini-ring{width:104px;height:104px;border:16px solid #222;border-radius:50%;position:absolute;top:50px}.mini-key{width:190px;height:205px;border:15px solid #222;background:var(--mint);display:grid;place-items:center;font-weight:950;font-size:27px;transform:translateY(40px) rotate(5deg);border-radius:34px}.mini-pin{width:218px;height:218px;background:#DCEFF0;border:16px solid #222;border-radius:48% 52% 45% 55% / 55% 42% 58% 45%;display:grid;place-items:center;color:#8BC7C9;font-size:90px;transform:rotate(12deg);box-shadow:18px 18px 0 rgba(0,0,0,.18)}.mini-sticker{position:absolute;display:grid;place-items:center;border:10px solid #070909;font-weight:950}.mini-sticker.one{width:205px;height:125px;background:var(--yellow);border-radius:60px;transform:rotate(-13deg);font-size:31px}.mini-sticker.two{width:112px;height:112px;background:var(--coral);border-radius:50%;font-size:45px;transform:translate(85px,62px) rotate(10deg)}.display-frame{width:230px;height:270px;border:15px solid #fff;border-radius:18px;display:grid;grid-template-columns:repeat(2,1fr);gap:18px;padding:27px;transform:perspective(500px) rotateY(-10deg) rotateX(5deg);box-shadow:20px 25px 0 rgba(255,255,255,.12)}.display-frame i{display:block;background:var(--coral);border-radius:50%}.display-frame i:nth-child(2){background:var(--lime)}.display-frame i:nth-child(3){background:var(--violet)}.display-frame i:nth-child(4){background:var(--yellow)}.collection-shape{position:absolute;border:12px solid #070909;box-shadow:15px 15px 0 rgba(255,255,255,.2)}.collection-shape.s1{width:170px;height:170px;border-radius:50%;background:var(--yellow);transform:translate(-60px,-20px)}.collection-shape.s2{width:150px;height:210px;border-radius:28px;background:var(--coral);transform:translate(65px,20px) rotate(9deg)}.collection-shape.s3{width:130px;height:100px;border-radius:60px;background:var(--lime);transform:translate(-8px,85px) rotate(-8deg)}
.process{background:var(--paper);display:grid;grid-template-columns:.72fr 1.28fr;gap:100px}.process-sticky{align-self:start;position:sticky;top:130px}.process-sticky>p{max-width:430px;font-size:18px;color:#666;margin:30px 0}.process-steps{border-top:1px solid var(--border)}.process-step{display:grid;grid-template-columns:90px 1fr;gap:25px;padding:54px 0;border-bottom:1px solid var(--border)}.process-step>span{font-size:12px;font-weight:900;padding-top:8px}.process-step h3{font-size:36px;letter-spacing:-.04em;margin:0 0 12px}.process-step p{font-size:17px;color:#666;max-width:620px;margin:0;line-height:1.7}
.quote-builder{position:relative;background:#070909;color:#fff;display:grid;grid-template-columns:.8fr 1.2fr;gap:95px;overflow:hidden}.quote-bg-word{position:absolute;bottom:-120px;left:-30px;font-size:360px;line-height:1;font-weight:950;letter-spacing:-.1em;color:rgba(255,255,255,.025);pointer-events:none}.quote-intro{position:relative}.quote-intro h2{font-size:clamp(58px,6.2vw,98px);line-height:.93;letter-spacing:-.065em;margin:0}.quote-intro h2 em{font-family:Georgia,"Times New Roman",serif;color:var(--lime);font-weight:400}.quote-intro p{color:rgba(255,255,255,.6);font-size:18px;max-width:480px;margin-top:30px}.quote-panel{position:relative;background:#fff;color:#070909;border-radius:32px;padding:38px;box-shadow:0 30px 100px rgba(0,0,0,.35)}.quote-panel fieldset{border:0;padding:0;margin:0 0 36px}.quote-panel legend{width:100%;font-size:14px;font-weight:900;margin-bottom:18px}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.choice-grid input{position:absolute;opacity:0;pointer-events:none}.choice-grid span{min-height:48px;padding:0 12px;border:1px solid #d8d8d8;border-radius:12px;display:grid;place-items:center;text-align:center;font-size:13px;font-weight:800;transition:.2s}.choice-grid input:checked+span{background:#070909;color:#fff;border-color:#070909}.choice-grid label{cursor:pointer}.range-line{display:grid;grid-template-columns:1fr 112px;gap:18px;align-items:center}.range-line input{width:100%;accent-color:var(--coral)}.range-line output{background:#070909;color:#fff;border-radius:11px;padding:11px;text-align:center;font-weight:900;font-size:13px}.range-labels{display:flex;justify-content:space-between;margin-top:5px;color:#888;font-size:11px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quote-panel label span{font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.07em;display:block;margin-bottom:7px}.quote-panel input[type=text],.quote-panel textarea{width:100%;border:1px solid #d8d8d8;border-radius:12px;background:#F4F8F8;padding:14px 15px;outline:0;transition:border .2s,box-shadow .2s}.quote-panel input[type=text]:focus,.quote-panel textarea:focus{border-color:#070909;box-shadow:0 0 0 3px rgba(17,17,17,.08)}.full-field{display:block;margin-top:12px}.quote-panel textarea{resize:vertical}.form-note{text-align:center;font-size:11px;color:#777;margin:13px 0 0}
.benefits{background:#fff;display:grid;grid-template-columns:1fr 1fr;gap:100px}.benefits-visual{min-height:760px;display:grid;place-items:center;background:var(--lime);border-radius:36px;overflow:hidden;position:relative}.benefits-visual:before,.benefits-visual:after{content:"";position:absolute;border:1px solid rgba(17,17,17,.2);border-radius:50%}.benefits-visual:before{width:600px;height:600px}.benefits-visual:after{width:420px;height:420px}.visual-poster{width:70%;aspect-ratio:4/5;background:#0A0D0D;color:#fff;padding:35px;position:relative;z-index:2;transform:rotate(-6deg);box-shadow:28px 34px 0 rgba(17,17,17,.17)}.visual-poster>span{font-size:11px;letter-spacing:.2em;font-weight:900}.visual-poster>strong{display:block;font-size:clamp(48px,5vw,78px);line-height:.8;letter-spacing:-.08em;margin-top:110px}.visual-poster small{position:absolute;bottom:30px;left:35px;letter-spacing:.13em}.poster-dot{position:absolute;width:105px;height:105px;border-radius:50%;right:35px;bottom:75px;background:var(--coral)}.benefits-copy{align-self:center}.benefit-list{margin-top:55px;border-top:1px solid var(--border)}.benefit-list article{display:grid;grid-template-columns:60px 1fr;gap:20px;padding:28px 0;border-bottom:1px solid var(--border)}.benefit-list article>span{font-size:11px;font-weight:900;padding-top:7px}.benefit-list h3{font-size:23px;margin:0 0 8px;letter-spacing:-.03em}.benefit-list p{color:#666;margin:0;line-height:1.6}
.cta-banner{background:var(--violet);color:#fff;min-height:480px;display:grid;grid-template-columns:1.25fr .75fr;align-items:end;gap:60px}.cta-banner h2{font-size:clamp(58px,7vw,108px);line-height:.88;letter-spacing:-.07em;margin:0;max-width:900px}.cta-banner h2 em{font-family:Georgia,"Times New Roman",serif;color:var(--lime);font-weight:400}.cta-banner-actions{display:flex;flex-direction:column;align-items:flex-start;gap:24px}.text-link--light{color:#fff}
.faq{background:var(--paper);display:grid;grid-template-columns:.72fr 1.28fr;gap:90px}.faq-head{position:sticky;top:130px;align-self:start}.accordion{border-top:1px solid var(--border)}.accordion details{border-bottom:1px solid var(--border)}.accordion summary{list-style:none;display:flex;justify-content:space-between;gap:30px;align-items:center;padding:30px 0;font-size:20px;font-weight:850;cursor:pointer}.accordion summary::-webkit-details-marker{display:none}.accordion summary span{font-size:26px;font-weight:400;transition:transform .25s}.accordion details[open] summary span{transform:rotate(45deg)}.accordion details p{max-width:700px;margin:-5px 50px 30px 0;color:#626262;line-height:1.75}
.site-footer{background:#070909;color:#fff;padding:85px max(24px,calc((100vw - 1320px)/2)) 28px}.footer-main{display:grid;grid-template-columns:1fr 1.4fr;gap:80px;padding-bottom:78px}.footer-main>div:first-child p{font-size:18px;color:rgba(255,255,255,.5);margin-top:22px}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.footer-links div{display:flex;flex-direction:column;gap:13px}.footer-links strong{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:rgba(255,255,255,.4);margin-bottom:8px}.footer-links a{font-size:14px;color:rgba(255,255,255,.82)}.footer-links a:hover{color:var(--lime)}.footer-bottom{padding-top:24px;border-top:1px solid rgba(255,255,255,.14);display:flex;justify-content:space-between;color:rgba(255,255,255,.4);font-size:11px;text-transform:uppercase;letter-spacing:.1em}
.sticky-cta{position:fixed;right:22px;bottom:22px;z-index:80;background:rgba(17,17,17,.93);color:#fff;padding:8px 8px 8px 19px;border:1px solid rgba(255,255,255,.15);border-radius:999px;display:flex;align-items:center;gap:18px;box-shadow:0 16px 50px rgba(0,0,0,.28);backdrop-filter:blur(12px);transform:translateY(120px);transition:transform .4s var(--ease)}.sticky-cta.is-visible{transform:translateY(0)}.sticky-cta>span{font-size:12px;font-weight:800}.sticky-cta a{background:var(--coral);padding:12px 18px;border-radius:999px;font-size:12px;font-weight:900}.sticky-cta b{margin-left:8px}
.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.is-revealed{opacity:1;transform:none}
@media (max-width:1100px){
  .site-header{grid-template-columns:1fr auto}.main-nav,.header-cta{display:none}.menu-button{display:block;justify-self:end}.main-nav.is-open{display:flex;position:absolute;top:82px;left:0;right:0;background:#070909;padding:25px;flex-direction:column;align-items:flex-start;border-top:1px solid rgba(255,255,255,.18)}
  .hero{grid-template-columns:1fr;padding-top:150px}.hero-stage{min-height:540px}.hero h1{font-size:clamp(66px,13vw,118px)}
  .intro-grid,.section-head,.process,.quote-builder,.benefits,.faq,.cta-banner{grid-template-columns:1fr}.intro-copy,.section-head>p{justify-self:start;max-width:700px}.process-sticky,.faq-head{position:static}.quote-builder{gap:55px}.benefits{gap:60px}.benefits-visual{min-height:600px}.cta-banner{align-items:start}.product-card:nth-child(n){grid-column:span 6}.footer-main{grid-template-columns:1fr}
}
@media (max-width:720px){
  :root{--container:calc(100vw - 32px);--radius:22px}.announcement{justify-content:center;text-align:center;height:44px;font-size:9px;padding:0 14px}.announcement span{display:none}.site-header{top:44px;height:70px;padding:0 16px}.site-header.is-fixed{top:0}.brand img{height:35px}.main-nav.is-open{top:70px}
  .section{padding:82px 16px}.hero{min-height:auto;padding:132px 16px 70px;display:block}.hero h1{font-size:clamp(58px,18vw,83px);margin-bottom:25px}.hero-lead{font-size:17px}.hero-actions .button{width:100%}.hero-proof{display:grid;gap:12px;margin-top:38px}.hero-stage{min-height:470px;margin-top:35px}.object-pin{width:190px;left:-4%;top:25%}.object-magnet{width:235px;right:-7%;top:6%}.object-key{width:155px;right:16%;bottom:0}.stage-stamp{width:70px;height:70px;font-size:11px;left:39%;top:51%}.stage-chip{font-size:8px}.scroll-hint{display:none}.logo-marquee{height:62px}.marquee-track{font-size:14px}
  .intro-grid{gap:34px}.display-heading,.section-head h2,.process h2,.benefits h2,.faq h2{font-size:clamp(46px,14vw,70px)}.intro-copy p{font-size:17px}.metric-row{grid-template-columns:1fr;margin-top:60px}.metric-row>div,.metric-row>div+div{border-left:0;padding:24px 0;border-bottom:1px solid var(--border)}.metric-row>div:last-child{border-bottom:0}.metric-row strong{font-size:30px}
  .section-head{gap:22px;margin-bottom:35px}.section-head>p{font-size:16px}.product-grid{gap:12px}.product-card:nth-child(n){grid-column:span 12}.product-card{min-height:460px;padding:22px}.product-card h3{font-size:27px}.process{gap:50px}.process-step{grid-template-columns:48px 1fr;padding:34px 0}.process-step h3{font-size:27px}.process-step p{font-size:15px}.quote-builder{gap:38px}.quote-intro h2,.cta-banner h2{font-size:clamp(50px,14vw,72px)}.quote-panel{padding:23px;border-radius:23px}.choice-grid{grid-template-columns:repeat(2,1fr)}.range-line{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.benefits-visual{min-height:480px;border-radius:24px}.visual-poster{width:73%;padding:24px}.visual-poster>strong{margin-top:80px}.visual-poster small{left:24px;bottom:20px;font-size:7px}.poster-dot{width:70px;height:70px}.benefit-list article{grid-template-columns:45px 1fr}.cta-banner{min-height:470px}.faq{gap:40px}.accordion summary{font-size:17px}.footer-main{gap:45px;padding-bottom:50px}.footer-links{grid-template-columns:1fr 1fr}.footer-bottom{gap:20px;flex-direction:column}.sticky-cta{left:12px;right:12px;bottom:12px;justify-content:space-between}.sticky-cta>span{display:none}.sticky-cta a{width:100%;text-align:center}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}


/* Souvenir Supply brand system — extracted from the supplied logo */
::selection{background:var(--brand);color:var(--ink)}
.announcement{background:var(--brand);color:var(--ink)}
.site-header{height:94px}
.site-header.is-fixed{background:rgba(7,9,9,.92);border-bottom-color:rgba(139,199,201,.22)}
.brand img{height:56px;width:auto;object-fit:contain}
.main-nav a:after{background:var(--brand)}
.header-cta.button--dark{background:var(--brand);color:var(--ink);box-shadow:0 12px 30px rgba(139,199,201,.18)}
.header-cta.button--dark:hover{background:#fff;color:var(--ink)}
.button--primary{background:var(--brand);color:var(--ink);box-shadow:0 14px 34px rgba(139,199,201,.24)}
.button--primary:hover{background:#a9dadd;box-shadow:0 18px 44px rgba(139,199,201,.35)}
.hero{background:#070909;padding-top:180px}
.hero:before{background:radial-gradient(circle at 16% 80%,rgba(139,199,201,.16),transparent 34%),radial-gradient(circle at 82% 25%,rgba(36,79,83,.40),transparent 34%)}
.hero h1 em,.quote-intro h2 em{color:var(--brand)}
.eyebrow span{background:var(--brand)}
.stage-glow{background:radial-gradient(circle,rgba(139,199,201,.20),rgba(36,79,83,.18) 42%,transparent 72%)}
.chip-one{background:var(--brand)}
.chip-two{background:var(--brand-light)}
.stage-stamp{background:var(--brand);color:var(--ink);box-shadow:0 20px 40px rgba(139,199,201,.24)}
.logo-marquee{background:var(--brand)}
.display-heading span{color:var(--brand-deep)}
.card-coral{background:var(--brand-light)}
.card-lime{background:var(--brand)}
.card-violet{background:var(--brand-deep)}
.card-cream{background:var(--brand-mist)}
.card-dark{background:#0A0D0D}
.card-blue{background:var(--brand-mid)}
.mini-pin{color:var(--brand-deep)}
.mini-sticker.two{background:var(--brand)}
.display-frame i{background:var(--brand)}
.display-frame i:nth-child(2){background:#fff}
.display-frame i:nth-child(3){background:var(--brand-mid)}
.display-frame i:nth-child(4){background:var(--brand-light)}
.collection-shape.s1{background:var(--brand-light)}
.collection-shape.s2{background:var(--brand)}
.collection-shape.s3{background:#fff}
.range-line input{accent-color:var(--brand-deep)}
.choice-grid input:checked+span{background:var(--brand-deep);color:#fff;border-color:var(--brand-deep)}
.benefits-visual{background:var(--brand)}
.poster-dot{background:var(--brand-light)}
.cta-banner{background:var(--brand-deep)}
.cta-banner h2 em{color:var(--brand)}
.site-footer{background:#070909}
.site-footer img{height:72px;width:auto}
.footer-links a:hover{color:var(--brand)}
.sticky-cta a{background:var(--brand);color:var(--ink)}
@media (max-width:1100px){.main-nav.is-open{top:94px}}
@media (max-width:720px){
  .site-header{height:80px}
  .brand img{height:43px}
  .main-nav.is-open{top:80px}
  .hero{padding-top:145px}
  .site-footer img{height:58px}
}

/* Zentrierte Produktbezeichnungen im Anfrage-Konfigurator */
.quote-panel .choice-grid label{display:block;margin:0}
.quote-panel .choice-grid label>span{
  min-height:48px;
  margin:0;
  padding:0 12px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  line-height:1.2;
}

/* =========================================================
   Real product photography & reference gallery – July 2026
   ========================================================= */
.hero-stage{min-height:650px}
.hero-photo{position:absolute;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.26);background:#111;box-shadow:0 35px 90px rgba(0,0,0,.48);border-radius:28px;transition:transform .2s ease-out;isolation:isolate}
.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.78));pointer-events:none}
.hero-photo img{width:100%;height:100%;object-fit:cover}
.hero-photo figcaption{position:absolute;z-index:2;left:20px;right:20px;bottom:18px;color:#fff;display:flex;flex-direction:column;gap:5px;text-shadow:0 2px 15px rgba(0,0,0,.45)}
.hero-photo figcaption span,.hero-photo figcaption:not(:has(strong)){font-size:9px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.hero-photo figcaption strong{font-size:16px;letter-spacing:-.02em}
.hero-photo-main{width:470px;height:500px;right:-10px;top:28px;transform:rotate(-2deg)}
.hero-photo-main img{object-position:55% center}
.hero-photo-product{width:255px;height:255px;left:0;top:115px;transform:rotate(7deg);background:#fff}
.hero-photo-product img{object-fit:cover}
.hero-photo-product figcaption,.hero-photo-pin figcaption{background:rgba(7,9,9,.78);backdrop-filter:blur(8px);left:12px;right:auto;bottom:12px;padding:8px 11px;border-radius:999px}
.hero-photo-pin{width:235px;height:280px;left:68px;bottom:0;transform:rotate(-6deg)}
.hero-photo-pin img{object-position:center 45%}
.hero-stage .chip-one{left:4%;bottom:19%;z-index:6}
.hero-stage .chip-two{right:0;top:48%;z-index:6}
.hero-stage .stage-stamp{left:43%;top:48%;z-index:7}

.product-card--photo{background:var(--brand-mist);min-height:590px}
.product-card--photo:nth-child(2),.product-card--photo:nth-child(5){background:var(--brand-light)}
.product-card--photo:nth-child(3),.product-card--photo:nth-child(6){background:#E7EEEE}
.product-photo-frame{position:relative;margin:25px -8px 28px;border-radius:22px;overflow:hidden;height:300px;background:#fff;box-shadow:0 18px 45px rgba(19,50,52,.11)}
.product-photo-frame img{width:100%;height:100%;object-fit:cover;transition:transform .65s var(--ease)}
.product-card--photo:hover .product-photo-frame img{transform:scale(1.045)}
.product-photo-frame--portrait img{object-position:center 45%}
.product-photo-frame--square img{object-fit:contain;background:#fff}
.product-photo-frame--split{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--brand-deep)}
.product-photo-frame--split img{min-width:0}
.photo-tag{position:absolute;left:14px;bottom:14px;z-index:3;padding:8px 11px;border-radius:999px;background:rgba(7,9,9,.83);backdrop-filter:blur(8px);color:#fff;font-size:8px;letter-spacing:.12em;text-transform:uppercase;font-weight:900}
.product-card--photo h3{margin-top:auto}

.references{background:#081011;color:#fff;padding-top:145px;padding-bottom:145px}
.reference-head{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:end;margin-bottom:62px}
.reference-head h2{font-size:clamp(58px,7vw,106px);line-height:.88;letter-spacing:-.07em;margin:0}
.reference-head h2 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:var(--brand);}
.reference-intro{max-width:480px;justify-self:end}
.reference-intro p{font-size:18px;line-height:1.65;color:rgba(255,255,255,.66);margin:0 0 27px}
.reference-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-flow:dense;gap:16px}
.reference-item{position:relative;grid-column:span 4;min-height:345px;padding:0;border:0;border-radius:26px;overflow:hidden;background:#121919;color:#fff;text-align:left;cursor:zoom-in;box-shadow:0 24px 60px rgba(0,0,0,.22)}
.reference-item--wide{grid-column:span 8;grid-row:span 2;min-height:706px}
.reference-item:nth-child(7),.reference-item:nth-child(8){grid-column:span 6;min-height:470px}
.reference-item img{width:100%;height:100%;object-fit:cover;transition:transform .75s var(--ease),filter .75s var(--ease)}
.reference-item--square img{object-fit:cover}
.reference-item:hover img{transform:scale(1.045);filter:saturate(1.08)}
.reference-item:focus-visible{outline:3px solid var(--brand);outline-offset:4px}
.reference-overlay{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:70px 24px 22px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.86));display:grid;grid-template-columns:1fr auto;align-items:end;gap:4px 20px}
.reference-overlay small{grid-column:1;font-size:9px;text-transform:uppercase;letter-spacing:.16em;font-weight:850;color:var(--brand)}
.reference-overlay strong{grid-column:1;font-size:22px;letter-spacing:-.03em}
.reference-overlay i{grid-column:2;grid-row:1/3;width:43px;height:43px;border:1px solid rgba(255,255,255,.7);border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:18px}

.benefits-visual{position:relative;overflow:hidden;background:#111}
.benefits-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.benefits-visual:hover>img{transform:scale(1.035)}
.benefits-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02) 30%,rgba(0,0,0,.82));}
.benefit-photo-copy{position:absolute;z-index:2;left:38px;right:38px;bottom:38px;color:#fff}
.benefit-photo-copy span{display:block;font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:900;color:var(--brand);margin-bottom:12px}
.benefit-photo-copy strong{font-size:clamp(38px,4vw,66px);line-height:.92;letter-spacing:-.055em}

.cta-banner{position:relative;overflow:hidden;isolation:isolate;background:var(--brand-deep)}
.cta-banner:after{content:"";position:absolute;z-index:-1;right:-10%;top:-35%;width:65%;height:175%;background:url('images/deutschland-souvenir-magnet-flaschenoeffner.webp') center/contain no-repeat;opacity:.14;transform:rotate(-8deg)}

.image-lightbox{width:min(1120px,calc(100vw - 32px));max-width:none;padding:0;border:0;border-radius:28px;background:#071011;color:#fff;box-shadow:0 40px 120px rgba(0,0,0,.65);overflow:hidden}
.image-lightbox::backdrop{background:rgba(0,0,0,.82);backdrop-filter:blur(8px)}
.lightbox-inner{display:grid;grid-template-rows:minmax(0,1fr) auto;max-height:90vh}
.lightbox-inner img{width:100%;max-height:78vh;object-fit:contain;background:#fff}
.lightbox-inner p{margin:0;padding:20px 72px 22px 24px;font-size:14px;color:rgba(255,255,255,.72)}
.lightbox-close{position:absolute;z-index:5;right:16px;top:16px;width:48px;height:48px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:rgba(7,9,9,.75);backdrop-filter:blur(8px);color:#fff;font-size:30px;line-height:1;display:grid;place-items:center}

@media (max-width:1100px){
  .hero-photo-main{width:60%;height:490px;right:0}
  .hero-photo-product{left:4%;top:115px}
  .hero-photo-pin{left:15%;bottom:0}
  .reference-head{grid-template-columns:1fr}.reference-intro{justify-self:start}
  .reference-item--wide{min-height:620px}
}
@media (max-width:720px){
  .hero-stage{min-height:525px;margin-top:45px}
  .hero-photo-main{width:78%;height:380px;right:-9%;top:35px;border-radius:22px}
  .hero-photo-product{width:165px;height:165px;left:-2%;top:10px;border-radius:20px}
  .hero-photo-pin{width:150px;height:190px;left:6%;bottom:0;border-radius:20px}
  .hero-photo figcaption strong{font-size:12px}.hero-photo-main figcaption{left:15px;bottom:14px}
  .hero-stage .stage-stamp{width:66px;height:66px;left:42%;top:57%;font-size:9px}
  .hero-stage .chip-one{left:1%;bottom:30%;}.hero-stage .chip-two{right:0;top:72%}
  .product-card--photo{min-height:535px}.product-photo-frame{height:285px}
  .references{padding-top:90px;padding-bottom:90px}.reference-head{gap:28px;margin-bottom:36px}.reference-intro p{font-size:16px}
  .reference-grid{grid-template-columns:1fr;gap:12px}.reference-item,.reference-item--wide,.reference-item:nth-child(7),.reference-item:nth-child(8){grid-column:auto;grid-row:auto;min-height:330px}.reference-item--wide{min-height:390px}
  .reference-overlay{padding:70px 18px 18px}.reference-overlay strong{font-size:19px}.reference-overlay i{width:38px;height:38px}
  .benefit-photo-copy{left:24px;right:24px;bottom:26px}
  .image-lightbox{border-radius:18px}.lightbox-inner img{max-height:72vh}.lightbox-inner p{padding:16px 64px 18px 18px}
}