:root{--bg: #f2e9de;--surface: #fbf5ec;--surface-soft: #efe5d8;--ink: #31261f;--muted: #8a7765;--line: #d7c6b4;--coffee-dark: #5c3d2e;--gold: #d7b071;--shadow: 0 18px 40px rgba(92, 61, 46, .06);--radius-lg: 24px;--radius-md: 18px;--container: min(1100px, calc(100vw - 40px) )}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Segoe UI,sans-serif;color:var(--ink);background:linear-gradient(180deg,#f4ecdf 0%,var(--bg) 100%)}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}:focus-visible{outline:3px solid rgba(92,61,46,.22);outline-offset:3px}.container{width:var(--container);margin:0 auto}.section{padding:28px 0 72px}.eyebrow,.mini-label{margin:0 0 10px;color:var(--muted);font-size:.8rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.site-header{position:sticky;top:0;z-index:20;padding:18px 0;background:#f2e9dee0;backdrop-filter:blur(10px);border-bottom:1px solid rgba(215,198,180,.72)}.header-inner,.footer-inner,.header-nav,.hero-actions,.form-row{display:flex;align-items:center}.header-inner,.footer-inner{justify-content:space-between;gap:24px}.brand-lockup{display:inline-flex;align-items:center;gap:12px;font-weight:800;letter-spacing:-.02em}.header-nav{gap:22px;color:var(--muted)}.header-nav a:hover,.footer-links a:hover,.contact-email a:hover{color:var(--coffee-dark)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 20px;border-radius:999px;border:1px solid transparent;font-weight:700;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease}.button:hover{transform:translateY(-1px)}.button-solid{background:var(--coffee-dark);color:#fff;box-shadow:0 12px 26px #5c3d2e24}.button-solid:hover{box-shadow:0 14px 28px #5c3d2e2e,0 0 0 8px #5c3d2e14}.button-ghost{background:#fbf5eceb;color:var(--coffee-dark);border-color:#d7c6b4e0;box-shadow:inset 0 0 0 1px #d7c6b466}.button-ghost:hover{box-shadow:0 10px 20px #d7b07129,0 0 0 8px #d7b07114,inset 0 0 0 1px #d7c6b480}.button-small{min-height:42px;padding:0 16px}.hero{padding:28px 0 54px}.hero-grid,.product-showcase,.partner-panel,.contact-grid{display:grid;gap:28px}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(340px,.92fr);align-items:center}.hero-copy,.hero-install-copy,.section-heading,.partner-copy,.contact-copy,.footer-brand,.product-points{display:grid;gap:12px}.hero-copy h1,.section-heading h2,.partner-copy h2,.contact-copy h2{margin:0;letter-spacing:-.05em;line-height:.95}.hero-copy h1{max-width:10ch;font-size:clamp(3.1rem,6.6vw,5.6rem);text-wrap:balance}.section-heading h2,.partner-copy h2,.contact-copy h2{font-size:clamp(2.15rem,4vw,3.2rem)}.hero-body,.section-heading p,.partner-copy p,.contact-copy p,.product-point p,.qr-text,.footer-brand p{margin:0;color:var(--muted);font-size:1.02rem;line-height:1.7}.hero-actions{gap:14px;flex-wrap:wrap;margin:26px 0 12px}.hero-note{color:var(--muted);font-size:.95rem}.text-accent{color:var(--coffee-dark)}.text-sun{color:#b07b2e}.hero-visual{display:grid;gap:18px}.hero-shot,.hero-install,.product-image,.product-point,.partner-list-card,.form-shell{background:#fbf5ecd6;border:1px solid rgba(215,198,180,.82);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.hero-shot:hover,.hero-install:hover,.product-image:hover,.product-point:hover,.partner-list-card:hover,.form-shell:hover{box-shadow:0 18px 42px #5c3d2e14,0 0 0 10px #d7b0710f}.hero-shot,.product-image{padding:12px}.hero-shot img,.product-image img{width:100%;border-radius:var(--radius-md);border:1px solid rgba(215,198,180,.8)}.hero-install{padding:16px;display:grid;gap:14px;order:-1}.hero-install-copy p:last-child{margin:0;color:var(--muted);line-height:1.6}.qr-card{display:grid;gap:12px}.qr-art{display:grid;place-items:center;min-height:172px;border-radius:var(--radius-md);background:#f2e9de8f;border:1px solid rgba(215,198,180,.82)}.qr-art svg{width:min(100%,170px);height:auto}.qr-copy{display:grid;gap:6px}.qr-title{margin:0;font-size:1.1rem;letter-spacing:-.03em}.section-heading{max-width:700px;margin-bottom:24px}.product-showcase{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:start}.product-points{gap:14px}.product-point{padding:18px}.product-point h3{margin:0 0 6px;font-size:1.18rem;letter-spacing:-.03em}.partner-panel{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);padding:8px 0 0;background:transparent;border:0;border-radius:0;box-shadow:none}.partner-list-card,.form-shell{padding:18px}.partner-list-card ul{margin:0;padding-left:20px;color:var(--muted);display:grid;gap:10px;line-height:1.6}.partner-cta{width:fit-content}.contact-grid{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:start}.contact-email{font-weight:600}.contact-need{display:grid;gap:8px;max-width:46ch;padding-top:6px}.contact-need .mini-label{margin-bottom:0}.form-shell{position:relative}.form-alert{margin-bottom:18px;padding:14px 16px;border-radius:var(--radius-md);background:#d7b0712e;color:var(--coffee-dark);font-weight:700}.partner-form,.partner-form label{display:grid;gap:10px}.partner-form{gap:18px}.form-row{gap:16px;align-items:start}.form-row>label{flex:1}.partner-form span{font-size:.93rem;font-weight:700}.partner-form input,.partner-form select,.partner-form textarea{width:100%;border:1px solid rgba(215,198,180,.95);border-radius:var(--radius-md);padding:14px 16px;background:#ffffff6b;color:var(--ink)}.partner-form textarea{resize:vertical}.hidden-field{position:absolute;left:-9999px}.form-submit{width:fit-content}.site-footer{padding:22px 0 34px;border-top:1px solid rgba(215,198,180,.72)}.footer-brand{max-width:420px}.footer-links{display:grid;gap:12px;justify-items:end;color:var(--muted)}@media(max-width:1080px){.hero-grid,.product-showcase,.partner-panel,.contact-grid{grid-template-columns:1fr}.hero-copy h1{max-width:12ch}.hero-install{order:0}}@media(max-width:760px){.site-header{position:static}.header-inner,.footer-inner{flex-direction:column;align-items:stretch}.header-nav{justify-content:space-between;flex-wrap:wrap}.header-cta{width:100%}.hero-copy h1{font-size:clamp(2.9rem,16vw,4.6rem)}.section{padding:22px 0 56px}.partner-panel{padding:20px}.form-row{flex-direction:column}.footer-links{justify-items:start}}
