:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#f7f9fc;font-synthesis:none;--ink: #172033;--muted: #667085;--teal: #00796b;--pink: #ad1457;--surface: #f7f9fc;--card: rgba(255, 255, 255, .76);--line: rgba(23, 32, 51, .09)}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--surface)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--teal);outline-offset:5px}.brand-page{min-height:100svh;overflow-x:clip;background:radial-gradient(ellipse at 9% 24%,rgba(244,81,30,.07),transparent 37%),radial-gradient(ellipse at 90% 57%,rgba(0,188,212,.12),transparent 40%),var(--surface)}.site-header,.site-footer{max-width:1280px;margin:auto;padding:26px 48px;display:flex;align-items:center;justify-content:space-between;gap:24px}.site-header{border-bottom:1px solid var(--line)}.brand-lockup{display:inline-flex;align-items:center;gap:11px;font-size:18px;font-weight:850;letter-spacing:-.04em;flex-shrink:0}.brand-icon{width:34px;height:38px}.brand-lockup small{display:block;margin-top:3px;font-size:7px;letter-spacing:.19em;color:var(--pink)}.site-header nav{display:flex;align-items:center;gap:30px}.quiet-link,.text-link{font-size:12px;font-weight:650}.quiet-link:hover,.text-link:hover{color:var(--teal)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:14px 21px;border:0;border-radius:10px;background:var(--teal);color:#fff;font-size:12px;font-weight:700;box-shadow:0 6px 18px #00796b1a;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 9px 24px #00796b38}.button-small{min-height:40px;padding:11px 17px}.hero{max-width:1200px;min-height:min(760px,calc(100svh - 100px));margin:auto;padding:84px 64px;display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:center}.hero-story,.artwork{min-width:0}.eyebrow{color:var(--teal);text-transform:uppercase;font-size:9px;font-weight:800;letter-spacing:.15em;margin:0 0 25px;display:flex;align-items:center;gap:12px}.eyebrow:before{content:"";width:28px;height:2px;background:currentColor;flex-shrink:0}.hero h1{font-size:clamp(46px,6.4vw,84px);font-weight:800;line-height:.98;letter-spacing:-.065em;margin:0 0 26px}.hero h1 span{color:var(--pink)}.lede{max-width:470px;font-size:17px;line-height:1.75;color:var(--muted);margin:0}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:30px}.principles{display:flex;flex-wrap:wrap;gap:20px;margin-top:36px;font-size:9px;font-weight:650}.principles span:before{content:"";display:inline-block;width:5px;height:5px;background:#ffa000;border-radius:50%;margin-right:7px;vertical-align:middle}.artwork{animation:frame-arrive .65s ease-out both}.feature-frame{position:relative;overflow:hidden;border-radius:30px;background:var(--card);border:1px solid rgba(255,255,255,.4);box-shadow:0 30px 75px #1b2c4724,0 2px 4px #1b2c4705}.color-line{height:7px;display:grid;grid-template-columns:repeat(4,1fr)}.color-line i:nth-child(1){background:#d883ad}.color-line i:nth-child(2){background:#ff9069}.color-line i:nth-child(3){background:#ffc450}.color-line i:nth-child(4){background:#008c82}.frame-inner{min-height:440px;padding:48px 42px 40px;display:flex;flex-direction:column;justify-content:space-between;gap:38px}.frame-number{position:absolute;top:22px;right:25px;font-size:8px;font-weight:700;letter-spacing:.16em;color:var(--muted)}.hero-mark{width:124px;height:auto;aspect-ratio:57 / 64;flex-shrink:0;align-self:center;filter:drop-shadow(0 15px 12px rgba(27,44,71,.13))}.frame-kicker{color:var(--pink)!important;text-transform:uppercase;font-size:8px!important;font-weight:800;letter-spacing:.14em;margin:0 0 12px!important}.feature-frame h2{font-size:clamp(26px,3vw,36px);font-weight:750;line-height:1.08;letter-spacing:-.05em;margin:0 0 12px}.feature-frame p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}.artwork-caption{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;color:var(--muted);margin:21px 0 0}.status-dot{width:5px;height:5px;border-radius:50%;background:var(--teal);flex-shrink:0}.possibilities{max-width:1180px;margin:auto;padding:56px 44px 80px;border-top:1px solid var(--line);scroll-margin-top:25px}.section-intro{max-width:560px}.section-intro .eyebrow{margin-bottom:18px}.section-intro h2{font-size:38px;line-height:1.15;font-weight:750;letter-spacing:-.045em;margin:0 0 16px}.section-intro>p:last-child{color:var(--muted);font-size:15px;line-height:1.75}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:46px}.steps article>span{font-size:9px;letter-spacing:.15em;font-weight:750;color:var(--teal)}.steps h3{font-size:19px;font-weight:700;letter-spacing:-.025em;margin:15px 0 10px}.steps p{color:var(--muted);font-size:13px;line-height:1.8;margin:0}.site-footer{border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.site-footer p{margin:0}.site-footer strong{color:var(--ink)}.site-footer p span{margin-left:16px}.site-footer a:hover{color:var(--teal)}.viewer-hero{min-height:calc(100svh - 184px)}.viewer-hero h1{font-size:clamp(44px,5.5vw,72px)}.viewer-note{font-size:11px;color:var(--muted);margin-top:30px}.viewer-loading{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;font-size:13px;color:var(--muted)}.viewer-loading svg{width:32px;height:32px;color:var(--teal)}@keyframes frame-arrive{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.site-header,.site-footer{padding:22px 30px}.hero{padding:64px 36px;gap:42px}.frame-inner{padding:48px 28px 32px}.possibilities{padding:48px 36px 64px}.steps{gap:28px}}@media(max-width:680px){.site-header,.site-footer{padding:20px 24px;gap:16px}.brand-lockup{font-size:16px;gap:8px}.brand-icon{width:28px;height:32px}.brand-lockup small{font-size:6px}.button-small{font-size:11px;padding:10px 12px}.quiet-link{display:none}.hero{padding:58px 24px 50px;grid-template-columns:1fr;gap:48px;min-height:auto}.hero h1{font-size:clamp(44px,10vw,66px)}.lede{font-size:15px}.eyebrow{font-size:8px;letter-spacing:.1em}.hero-actions{gap:20px}.principles{gap:15px}.artwork{width:100%;max-width:430px;justify-self:center}.frame-inner{min-height:390px;padding:46px 32px 32px}.feature-frame h2{font-size:32px}.possibilities{padding:42px 24px 54px}.section-intro h2{font-size:32px}.steps{grid-template-columns:1fr;gap:28px;margin-top:32px}.steps article{border-top:1px solid var(--line);padding-top:24px}.site-footer{align-items:flex-start;flex-direction:column}}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--ink: #f5f7fb;--muted: #aab4c6;--teal: #32c5b3;--pink: #f06292;--surface: #151d2c;--card: rgba(23, 34, 51, .85);--line: rgba(255, 255, 255, .1)}.button{color:#102b29}.feature-frame{border-color:var(--line)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.frame-toolbar{position:fixed;bottom:16px;right:16px;z-index:30;display:flex;flex-wrap:wrap;align-items:center;gap:6px;max-width:calc(100vw - 32px);padding:10px 12px;border:1px solid var(--line);border-radius:16px;background:var(--card);color:var(--ink);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 12px 40px #17203329;animation:frame-arrive .3s ease-out}.frame-toolbar-brand{display:flex;align-items:center;gap:8px;padding:2px 4px;font-size:12px;font-weight:750;white-space:nowrap}.frame-toolbar-actions{display:flex;align-items:center;max-width:0;opacity:0;overflow:hidden;visibility:hidden;transition:max-width .25s ease,opacity .2s ease,visibility .25s}.frame-toolbar-actions.is-expanded{max-width:340px;opacity:1;visibility:visible}.frame-action-list{display:flex;flex-wrap:wrap;gap:2px}.frame-action{display:inline-flex;align-items:center;gap:5px;min-height:36px;padding:7px;border-radius:8px;font-size:11px;font-weight:650;white-space:nowrap}.frame-action:hover{background:var(--line);color:var(--teal)}@media(max-width:540px){.frame-toolbar:has(.is-expanded){width:270px}.frame-toolbar-actions.is-expanded{order:3;flex-basis:100%;max-width:100%;border-top:1px solid var(--line);padding-top:6px;margin-top:4px}.frame-toolbar-actions>div:first-child{display:none}.frame-toolbar>button:last-child{margin-left:auto}}