:root{--ink:#101d3f;--paper:#f5f3ed;--white:#fff;--blue:#1559ff;--lime:#d7f23b;--coral:#ff705d;--muted:#626a7e;--line:rgba(16,29,63,.16);--radius:24px;--display:"Manrope",sans-serif;--body:"DM Sans",sans-serif;--max:1440px;--shadow:0 20px 60px rgba(16,29,63,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.55}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.skip-link{position:fixed;left:12px;top:-60px;background:var(--lime);padding:10px 16px;z-index:100}.skip-link:focus{top:12px}.site-header{max-width:var(--max);margin:auto;height:88px;display:flex;align-items:center;gap:42px;padding:0 28px}.logo{font-family:var(--display);font-size:1.15rem;line-height:.84;letter-spacing:-.04em;display:flex;align-items:center;gap:9px}.logo-mark{background:var(--blue);color:white;width:40px;height:40px;border-radius:9px;display:grid;place-items:center;font-weight:800;font-size:1.25rem;transform:rotate(-5deg)}nav{display:flex;gap:24px;margin-left:auto;font-weight:700;font-size:.88rem}nav a:hover,nav a:focus{color:var(--blue)}.header-cta,.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;font-weight:800;border-radius:999px;border:0;cursor:pointer}.header-cta{background:var(--ink);color:white;padding:12px 18px}.menu-button{display:none}.hero{max-width:var(--max);margin:0 auto;min-height:665px;position:relative;border-radius:var(--radius);overflow:hidden;background:#1e3d69}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,12,35,.9),rgba(3,12,35,.6) 36%,rgba(3,12,35,.05) 66%)}.hero-copy{position:relative;z-index:1;color:white;max-width:740px;padding:88px 68px}.kicker{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:800;color:var(--blue);margin:0 0 17px}.hero .kicker{color:var(--lime)}h1,h2,h3{font-family:var(--display);letter-spacing:-.055em;margin:0;line-height:.98}h1{font-size:clamp(3.6rem,7.4vw,7rem);font-weight:800}h1 em{font-style:normal;color:var(--lime)}h2{font-size:clamp(2.5rem,5vw,5.1rem)}h3{font-size:1.5rem}.hero-copy>p:not(.kicker){font-size:1.16rem;max-width:610px;margin:27px 0 31px;color:#f1f4ff}.hero-actions{display:flex;gap:12px}.button{padding:15px 22px}.button.primary{background:var(--lime);color:var(--ink)}.button.secondary{background:rgba(255,255,255,.12);color:white;border:1px solid rgba(255,255,255,.45);backdrop-filter:blur(8px)}.button.dark{background:var(--ink);color:#fff}.button.blue{background:var(--blue);color:#fff}.deadline-card{position:absolute;right:28px;bottom:28px;z-index:2;background:white;border-radius:16px;padding:14px 18px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow)}.deadline-card small,.deadline-card strong{display:block}.deadline-card small{color:var(--muted)}.pulse{width:10px;height:10px;background:var(--coral);border-radius:50%;box-shadow:0 0 0 7px rgba(255,112,93,.15)}.trust-strip{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);padding:25px 0 48px}.trust-strip>div{display:flex;gap:13px;align-items:center;padding:0 28px;border-right:1px solid var(--line)}.trust-strip>div:last-child{border:0}.trust-strip b{color:var(--blue);font-family:var(--display)}.trust-strip span,.trust-strip strong{display:block}.trust-strip span{font-size:.85rem;color:var(--muted)}.trust-strip strong{color:var(--ink)}.section,.product-section,.audience-section,.pack-section,.quote-section{max-width:var(--max);margin:0 auto;padding:92px 28px}.product-section{background:white;border-radius:var(--radius)}.section-heading{display:grid;grid-template-columns:1fr 410px;gap:50px;align-items:end}.section-heading>p{font-size:1.05rem;color:var(--muted)}.filters{display:flex;gap:8px;margin:40px 0 24px;flex-wrap:wrap}.filter{border:1px solid var(--line);background:white;border-radius:999px;padding:10px 15px;font-weight:700;cursor:pointer}.filter.active{background:var(--ink);color:white}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.product-card{border:1px solid var(--line);border-radius:17px;overflow:hidden;transition:transform .2s;background:#fff;display:flex;flex-direction:column}.product-card:hover{transform:translateY(-5px)}.product-image{height:320px;position:relative;display:grid;place-items:center;overflow:hidden;background:#eae0cb}.product-image.cool{background:#dce7ed}.product-image.bright{background:#1559ff}.product-image img{width:100%;height:100%;object-fit:contain;padding:28px;mix-blend-mode:multiply}.product-badge{position:absolute;left:12px;top:12px;background:white;border-radius:999px;padding:7px 10px;font-size:.72rem;font-weight:800;z-index:2}.product-info{padding:19px;display:flex;flex:1;flex-direction:column}.product-info small{color:#7b8291;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.product-info h3{margin:5px 0 13px}.product-info p{color:var(--muted);min-height:48px}.product-meta{display:flex;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:11px 0;margin:15px 0;font-size:.86rem}.product-info>a{font-weight:800;display:flex;justify-content:space-between;margin-top:auto}.audience-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.audience-intro>p:not(.kicker){color:var(--muted);font-size:1.05rem;max-width:440px}.text-link{font-weight:800;text-decoration:underline;text-underline-offset:5px}.audience-list{border-top:1px solid var(--line)}.audience-list a{width:100%;border-bottom:1px solid var(--line);padding:25px 6px;display:grid;grid-template-columns:50px 1fr 1fr 28px;gap:20px;align-items:center}.audience-list a:hover strong{color:var(--blue)}.audience-list span{color:var(--blue);font-weight:700}.audience-list strong{font-family:var(--display);font-size:1.35rem}.audience-list i{font-style:normal;color:var(--muted)}.pack-section{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;padding-top:35px}.pack-card,.sustain-card{padding:55px;border-radius:var(--radius);min-height:440px}.pack-card{background:var(--ink);color:white;display:flex;flex-direction:column}.pack-card h2{color:var(--lime)}.pack-card p:not(.kicker){font-size:1.08rem;max-width:600px}.merch-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.merch-tags span{border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:9px 14px}.sustain-card{background:var(--lime);position:relative}.sustain-card .kicker{color:var(--ink)}.sustain-card p:not(.kicker){max-width:520px}.sustain-card a{font-weight:800;text-decoration:underline;text-underline-offset:5px}.leaf-mark{font-size:4rem;position:absolute;right:40px;top:25px}.quote-section{background:var(--blue);color:white;border-radius:var(--radius);display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}.quote-section .kicker{color:var(--lime)}.quote-section p{max-width:560px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label{font-size:.85rem;font-weight:700}.form-grid input,.form-grid select,.form-grid textarea{display:block;width:100%;border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.12);color:white;border-radius:10px;padding:13px;margin-top:6px;outline:none}.form-grid input::placeholder,.form-grid textarea::placeholder{color:rgba(255,255,255,.72)}.form-grid option{color:#111}.form-grid .full{grid-column:1/-1}.notice{padding:14px 16px;border-radius:10px;background:#eef3ff;color:var(--ink);margin:16px 0}.notice.success{background:#e6f8d4}.notice.error{background:#ffe7e1}.page-hero{max-width:var(--max);margin:0 auto;background:var(--ink);color:#fff;border-radius:var(--radius);padding:78px 68px;position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-40px;top:-80px;background:var(--lime)}.page-hero h1{font-size:clamp(3.1rem,6vw,6rem);max-width:920px}.page-hero p{font-size:1.13rem;max-width:720px;color:#dfe5f3}.breadcrumbs{max-width:var(--max);margin:0 auto;padding:20px 28px;font-size:.87rem;color:var(--muted)}.content-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:90px}.content-grid aside{font-family:var(--display);font-size:1.3rem}.prose{font-size:1.05rem}.prose h2{font-size:2.6rem;margin:50px 0 18px}.prose h2:first-child{margin-top:0}.prose h3{margin:30px 0 10px}.prose p,.prose li{color:#4f586e}.prose li{margin-bottom:9px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:35px}.feature{background:#fff;border:1px solid var(--line);border-radius:16px;padding:25px}.feature b{display:block;color:var(--blue);font-family:var(--display);font-size:2rem;margin-bottom:20px}.listing-layout{display:grid;grid-template-columns:240px 1fr;gap:35px}.filter-panel{background:#fff;border-radius:16px;padding:20px;align-self:start;position:sticky;top:20px}.filter-panel label{font-weight:800;display:block;margin:18px 0 7px}.filter-panel select,.filter-panel input{width:100%;padding:11px;border:1px solid var(--line);border-radius:8px}.listing-summary{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.listing-layout .product-grid{grid-template-columns:repeat(3,1fr)}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.product-gallery{background:#fff;border-radius:var(--radius);min-height:590px;display:grid;place-items:center;padding:40px}.product-gallery img{max-height:520px;object-fit:contain;mix-blend-mode:multiply}.product-copy h1{font-size:clamp(2.8rem,5vw,5rem)}.product-price{font-family:var(--display);font-size:1.6rem;margin:25px 0}.specs{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin:28px 0}.specs div{padding:13px 0;border-bottom:1px solid var(--line)}.specs span{display:block;color:var(--muted);font-size:.82rem}.order-panel{background:var(--ink);color:#fff;border-radius:18px;padding:25px;margin-top:30px}.order-panel h3{margin-bottom:18px}.order-panel label{display:block;font-weight:700;margin:12px 0}.order-panel input,.order-panel select,.order-panel textarea{width:100%;padding:12px;border-radius:8px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.1);color:#fff}.order-panel option{color:#111}.order-panel .button{margin-top:18px}.site-footer{max-width:var(--max);margin:40px auto 0;padding:55px 28px;display:grid;grid-template-columns:1.4fr repeat(3,1fr) 1.3fr;gap:34px;border-top:1px solid var(--line)}.site-footer>div:not(.footer-brand){display:flex;flex-direction:column;gap:8px}.site-footer strong{font-family:var(--display);margin-bottom:5px}.site-footer a:not(.logo),.site-footer span,.site-footer p{font-size:.9rem;color:var(--muted)}.site-footer small{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;color:var(--muted)}
.admin-body{background:#eef1f7}.admin-shell{max-width:1300px;margin:0 auto;padding:30px}.admin-header{background:var(--ink);color:#fff;padding:18px 24px;display:flex;align-items:center;justify-content:space-between}.admin-nav{display:flex;gap:16px}.admin-nav a{color:#fff}.admin-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;margin:20px 0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat{background:#fff;border-radius:14px;padding:22px;border:1px solid var(--line)}.stat strong{font-family:var(--display);font-size:2.2rem;display:block}.data-table{width:100%;border-collapse:collapse;background:#fff}.data-table th,.data-table td{text-align:left;padding:13px;border-bottom:1px solid var(--line);vertical-align:top}.data-table th{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.status{font-size:.75rem;font-weight:800;border-radius:999px;padding:5px 9px;background:#e9edf5}.status.live{background:#dff4ca}.admin-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.admin-form label{font-weight:700}.admin-form input,.admin-form textarea,.admin-form select{display:block;width:100%;padding:11px;border:1px solid var(--line);border-radius:8px;margin-top:5px}.admin-form .full{grid-column:1/-1}.login-card{max-width:480px;margin:90px auto;background:#fff;padding:35px;border-radius:18px;box-shadow:var(--shadow)}
@media(max-width:1100px){nav{display:none}.menu-button{display:block;margin-left:auto;border:1px solid var(--line);background:transparent;border-radius:8px;padding:9px 12px}.site-header nav.open{position:absolute;z-index:20;display:flex;flex-direction:column;top:75px;left:16px;right:16px;background:#fff;padding:20px;border-radius:14px;box-shadow:var(--shadow)}.hero{margin-inline:16px}.product-grid{grid-template-columns:repeat(2,1fr)}.listing-layout .product-grid{grid-template-columns:repeat(2,1fr)}.trust-strip{grid-template-columns:repeat(2,1fr);gap:20px}.section-heading,.quote-section,.pack-section,.product-detail{grid-template-columns:1fr}.audience-section,.content-grid{grid-template-columns:1fr;gap:35px}.site-footer{grid-template-columns:repeat(3,1fr)}.footer-brand,.footer-contact{grid-column:span 2}.stats{grid-template-columns:repeat(2,1fr)}}
.admin-header .admin-nav{display:flex;overflow-x:auto;white-space:nowrap;margin-left:24px}
@media(max-width:720px){.site-header{height:72px;padding:0 16px}.header-cta{display:none}.hero{min-height:680px}.hero-copy{padding:54px 25px}.hero-copy>p:not(.kicker){font-size:1rem}.hero-actions{align-items:flex-start;flex-direction:column}.deadline-card{left:18px;right:18px;bottom:18px}.trust-strip{grid-template-columns:1fr 1fr;padding:24px 8px 35px}.trust-strip>div{padding:0 10px;border:0}.section,.product-section,.audience-section,.pack-section,.quote-section{padding:65px 16px}.product-section,.quote-section{border-radius:0}.product-grid,.listing-layout .product-grid{grid-template-columns:1fr}.product-image{height:390px}.audience-list a{grid-template-columns:35px 1fr 20px}.audience-list i{display:none}.pack-section{padding-top:16px}.pack-card,.sustain-card{padding:35px 25px}.form-grid,.admin-form{grid-template-columns:1fr}.form-grid>*,.admin-form>*{grid-column:1!important}.page-hero{margin:0 16px;padding:54px 25px}.page-hero:after{width:100px;height:100px}.feature-grid{grid-template-columns:1fr}.listing-layout{grid-template-columns:1fr}.filter-panel{position:static}.product-gallery{min-height:390px}.site-footer{grid-template-columns:1fr}.footer-brand,.footer-contact{grid-column:auto}.stats{grid-template-columns:1fr}.admin-shell{padding:16px}.data-table{display:block;overflow-x:auto}}
