:root{--ink:#16151b;--muted:#5e5d66;--base:#faf8f4;--panel:#fff;--border:#e2ded8;--lav:#d9cef8;--violet:#7459cf;--yellow:#e7fe6b;--shadow:0 17px 55px rgba(36,24,62,.08)}
*{box-sizing:border-box} html{scroll-behavior:smooth;scroll-padding-top:88px} body{margin:0;background:var(--base);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}
.wrap{width:min(1150px,calc(100% - 40px));margin:auto}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:750;text-transform:uppercase;color:#6e628e}
h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.055em;line-height:1.06}h2{font-size:clamp(35px,5vw,66px);margin-bottom:13px}.serif{font-family:Georgia,serif;font-weight:400;font-style:italic}
.topband{background:#191821;color:#efedf0;font-size:12px}.topband .wrap{display:flex;justify-content:space-between;padding:8px 0;gap:20px}.topband a{text-decoration:underline;text-underline-offset:3px}
header{position:sticky;top:0;z-index:25;background:rgba(250,248,244,.96);backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}.nav{display:flex;align-items:center;gap:24px;justify-content:space-between;height:76px}.brand{font-weight:900;font-size:27px;letter-spacing:-.08em;display:flex;align-items:center}.brand-star{font-size:25px;color:var(--violet);margin-right:5px}.brand small{display:block;font-size:11px;letter-spacing:.05em;font-weight:700;margin-top:-8px}.links{display:flex;align-items:center;gap:25px;font-size:13px;font-weight:700}.links a:hover,.links a:focus-visible{color:var(--violet)}.nav-actions{display:flex;gap:8px;align-items:center}.btn{border:1px solid #1b1920;background:#1b1920;color:white;border-radius:999px;padding:13px 19px;font-size:13px;font-weight:700;display:inline-flex;gap:10px;align-items:center;justify-content:center;transition:transform .18s,background .18s}.btn:hover{transform:translateY(-2px);background:#37333c}.btn.light{background:#fff;color:var(--ink);border-color:var(--border)}.btn.lime{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}.btn.small{font-size:12px;padding:11px 14px}.menu-toggle{display:none;background:transparent;border:1px solid var(--border);border-radius:9px;padding:10px}.mobile-nav{display:none;background:var(--base);padding:10px 20px 20px;border-top:1px solid var(--border)}.mobile-nav a{display:block;padding:10px 4px;font-weight:650}
.hero{overflow:hidden;background:#eee9e3;border-bottom:1px solid var(--border)}.hero-inner{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:30px;min-height:560px;padding:65px 0 45px}.hero h1{font-size:clamp(54px,6.5vw,98px);margin:22px 0 26px}.hero h1 span{color:var(--violet)}.hero p{font-size:17px;max-width:480px;color:#57545f}.hero-buttons{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0 33px}.mini-check{display:flex;gap:19px;flex-wrap:wrap;font-size:12px;font-weight:650;color:#6b6871}.mini-check span::before{content:"✓";margin-right:8px;color:var(--violet)}.hero-art{position:relative;min-height:420px;display:grid;place-items:center}.orb{position:absolute;border-radius:50%;width:360px;height:360px;background:var(--lav);filter:blur(.25px);top:15px;left:30px}.art-window{width:80%;min-height:330px;position:relative;transform:rotate(-5deg);background:#16151b;color:white;border-radius:14px;box-shadow:25px 30px 0 rgba(45,27,83,.13),var(--shadow);overflow:hidden}.art-top{height:36px;border-bottom:1px solid #45404b;padding:7px 17px;display:flex;justify-content:space-between;font-size:11px;color:#b8b4c5}.art-content{padding:30px 34px}.art-content small{letter-spacing:.18em;color:var(--yellow);font-weight:750}.art-content h3{font-size:clamp(35px,4vw,65px);letter-spacing:-.07em;line-height:1.06;margin:18px 0}.art-content em{font-family:Georgia,serif;font-weight:400;color:var(--yellow)}.art-shapes{height:90px;position:relative}.art-shapes b{position:absolute;display:block;border-radius:50%;background:#a48be8;width:110px;height:110px;right:60px;top:-23px}.art-shapes i{position:absolute;width:70px;height:70px;border:13px solid var(--yellow);border-radius:50%;right:10px;top:7px}.sticker{position:absolute;background:var(--yellow);padding:17px 21px;font-size:13px;font-weight:900;transform:rotate(9deg);right:-5px;bottom:20px;box-shadow:5px 10px 22px rgba(0,0,0,.11)}.ticker{background:#1c1a21;color:#f4f4f4;padding:14px 0;overflow:hidden}.ticker .wrap{display:flex;justify-content:space-between;gap:25px;white-space:nowrap;font-size:12px;letter-spacing:.07em;font-weight:800}.ticker b{color:var(--yellow)}
.section{padding:95px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}.section-heading p{max-width:340px;color:var(--muted);font-size:14px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.filter-btn{padding:10px 15px;border:1px solid var(--border);border-radius:999px;background:#fff;font-size:12px;font-weight:750;color:#525057}.filter-btn.active{background:var(--ink);color:white;border-color:var(--ink)}.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.service-card{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.service-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.service-card[hidden]{display:none}.visual{min-height:190px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.lilac{background:#d6c9f7}.cream{background:#f2e8cb}.peach{background:#f0bda6}.pink{background:#facdd8}.mint{background:#c7e5d2}.blue{background:#c9dbef}.yellow{background:#edf2a2}.grey{background:#dddde7}.visual-symbol{font-size:90px;font-weight:650;letter-spacing:-.08em;transform:rotate(-12deg);text-shadow:10px 10px 0 #ffffff4f}.artlabel{position:absolute;top:14px;left:17px;font-size:10px;font-weight:800;letter-spacing:.14em}.visual-caption{position:absolute;bottom:14px;right:17px;text-transform:uppercase;font-size:10px;letter-spacing:.14em;font-weight:800}.service-body{padding:25px;display:flex;flex-direction:column;flex:1}.service-body h3{font-size:23px;letter-spacing:-.045em;line-height:1.16;margin:8px 0}.service-body p{font-size:13px;color:var(--muted);line-height:1.6;margin-bottom:10px}.service-detail{font-size:11px;color:#807b84;border-top:1px solid #efede9;padding-top:10px;margin-top:auto}.service-footer{display:flex;justify-content:space-between;align-items:end;gap:10px;margin-top:20px}.service-footer small{display:block;font-size:10px;color:#777}.service-footer strong{display:block;font-size:23px;letter-spacing:-.05em}.add-btn{border:1px solid var(--ink);background:var(--ink);color:#fff;padding:10px 13px;border-radius:999px;font-size:12px;font-weight:800}.add-btn:hover{background:var(--violet);border-color:var(--violet)}.add-btn span{font-size:17px}
.note{font-size:12px;color:#706d76;margin-top:16px}.packs{background:#1b1921;color:#fff}.packs .eyebrow{color:#d0c6f4}.packs .section-heading p{color:#c3c0cc}.pack-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.pack-card{background:#292632;border:1px solid #51495d;border-radius:14px;padding:30px;display:flex;flex-direction:column;min-height:265px}.pack-card .marker{font-size:35px}.pack-card h3{font-size:25px;letter-spacing:-.045em;margin:16px 0 10px}.pack-card p{font-size:13px;color:#cac5d0;flex:1}.pack-card button{align-self:flex-start;background:var(--yellow);color:#16151b;border:0;border-radius:999px;padding:11px 16px;font-weight:800;font-size:12px}
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.step{padding:22px 0;border-top:2px solid #26222f}.step strong{font-size:13px;color:#7760b4}.step h3{font-size:21px;line-height:1.14;margin:13px 0}.step p{color:var(--muted);font-size:13px}.demo{background:#e9e2f9}.demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.demo-card{background:#fff;border-radius:13px;padding:22px;min-height:210px;display:flex;flex-direction:column;justify-content:space-between}.demo-art{height:115px;border-radius:10px;background:#1e1a2c;display:grid;place-items:center;color:var(--yellow);font-size:47px;letter-spacing:-.1em;font-weight:800}.demo-art.alt{background:#f4c0ad;color:#1b1921}.demo-art.alt2{background:#c9f5c3;color:#1b1921}.demo-card h3{font-size:17px;margin:12px 0 4px}.demo-card p{font-size:12px;color:var(--muted);margin:0}
.contact{background:#f6f4f1}.contact-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px}.contact h2{font-size:clamp(40px,5vw,68px)}.contact p{color:var(--muted);max-width:360px}.quote-summary{background:#e5dbf9;border:1px solid #d4c4f2;border-radius:12px;padding:21px;margin-top:24px}.quote-summary h3{margin:0 0 12px;font-size:17px}.quote-summary ul{padding:0;margin:0;list-style:none}.quote-summary li{font-size:13px;padding:7px 0;border-bottom:1px solid #d1c5e9;display:flex;align-items:center;justify-content:space-between;gap:12px}.remove{border:0;color:#6847b2;background:transparent;font-size:12px;font-weight:750;text-decoration:underline}.quote-summary .empty{font-size:13px;color:#51495c}.quote-total{font-size:12px;margin-top:14px;color:#413a4c}.quote-total strong{display:block;color:#15131a;font-size:22px;letter-spacing:-.05em}.formbox{background:#fff;padding:34px;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}.formbox h3{font-size:23px;letter-spacing:-.04em}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:5px;margin:0 0 15px}.field label{font-size:12px;font-weight:800}.field input,.field textarea,.field select{width:100%;background:#fbfaf8;border:1px solid #dcd9d4;padding:12px 13px;border-radius:8px;font-size:14px;color:var(--ink);outline-color:#8f77dd}.field textarea{min-height:110px;resize:vertical}.form-foot{font-size:11px;color:#77717b;line-height:1.6;margin-top:12px}.feedback{padding:13px;border-radius:8px;background:#fff2dc;color:#6a4708;font-size:12px;margin-top:14px}.feedback[hidden]{display:none}
.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.faq details{border-bottom:1px solid var(--border);padding:18px 0}.faq summary{cursor:pointer;font-weight:800;font-size:15px}.faq details p{font-size:13px;color:var(--muted);margin:13px 0 0}
.footer{background:#191821;color:#fff;padding:55px 0 20px}.footgrid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:40px;margin-bottom:30px}.footer .brand{margin-bottom:18px}.footer p{color:#c5c2ce;font-size:13px;max-width:300px}.foot-links{display:grid;gap:10px;font-size:13px;color:#e6e2ee}.footer h4{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#ae9cd9}.footline{border-top:1px solid #3a3741;padding-top:19px;display:flex;justify-content:space-between;gap:20px;color:#aca7b7;font-size:11px}
.notice{background:#fff8dc;border-bottom:1px solid #ebda93;color:#68531c;font-size:11px;text-align:center;padding:8px 16px}
@media(max-width:900px){.links{display:none}.menu-toggle{display:block}.mobile-nav:not([hidden]){display:block}.hero-inner{grid-template-columns:1fr;gap:0;padding-top:45px}.hero h1{font-size:clamp(54px,10vw,80px)}.hero-art{min-height:370px}.section{padding:68px 0}.services-grid,.pack-grid,.demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.steps{grid-template-columns:repeat(2,1fr)}.contact-layout{grid-template-columns:1fr;gap:25px}.faq-grid{grid-template-columns:1fr;gap:25px}}
@media(max-width:600px){.wrap{width:calc(100% - 30px)}.topband .wrap{justify-content:center}.topband a{display:none}.nav{height:68px}.nav .btn.small{display:none}.hero h1{font-size:58px}.hero-inner{padding-top:36px}.hero-art{min-height:320px}.orb{width:280px;height:280px;left:calc(50% - 140px)}.art-window{width:83%;min-height:260px}.art-content{padding:23px}.art-content h3{font-size:43px}.sticker{right:0;bottom:5px;padding:12px;font-size:11px}.section-heading{display:block}.services-grid,.pack-grid,.demo-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr;gap:13px}.step{padding-top:18px}.formbox{padding:22px}.formgrid{grid-template-columns:1fr}.footgrid{grid-template-columns:1fr;gap:20px}.footline{display:block}.ticker .wrap{font-size:9px;gap:15px}.hero-buttons{gap:8px}}