@font-face{font-family:Geist;src:url(/assets/geist-sans-BgDaEnEv.woff2) format("woff2");font-weight:100 900;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--color-page);color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased}button,a,input{touch-action:manipulation}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--color-accent);outline-offset:5px}button:disabled{cursor:default}img{display:block;max-width:100%}p{line-height:1.65}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--font-heading);font-weight:var(--heading-weight);letter-spacing:var(--letter-spacing-1)}h1{font-size:var(--font-size-1);line-height:1.025;margin-bottom:25px}h2{font-size:var(--font-size-2);line-height:1.08;margin-bottom:22px}h3{font-size:var(--font-size-3);line-height:1.18}em{font-style:normal;color:var(--color-accent-hover)}.wrap{width:calc(100% - var(--layout-gutter));max-width:var(--layout-max);margin-inline:auto}.announcement{text-align:center;background:var(--color-detail-4);color:var(--color-detail-5);font-size:var(--font-size-4);padding:9px 16px}.announcement a{font-weight:600;margin-left:5px}.nav{height:88px;display:flex;align-items:center;gap:35px}.brand{display:inline-flex;align-items:center;gap:9px;font-size:var(--font-size-5);letter-spacing:var(--letter-spacing-2);font-weight:680}.brand img{width:34px;height:28px}.brand .io{font-weight:450}.nav-links{display:flex;gap:30px;margin-left:auto;margin-right:20px;font-size:var(--font-size-6)}.nav-links a{padding:12px 0}.nav-links a:hover{color:var(--color-accent)}.nav-cta{font-size:var(--font-size-6);display:flex;align-items:center;justify-content:center;gap:22px;padding:13px 23px;border-radius:var(--border-radius-1);background:var(--color-text);color:var(--color-white)}.nav-cta:hover{background:var(--color-accent)}.menu{display:none}.skip{position:fixed;top:-100px;left:20px;padding:15px;background:var(--color-white);z-index:30}.skip:focus{top:10px}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;min-height:600px;padding:20px 0 30px}.hero-copy{padding:46px 0 25px}.eyebrow{font-size:var(--font-size-7);font-weight:580;letter-spacing:var(--letter-spacing-3);line-height:1.4;margin-bottom:24px}.hero .eyebrow{letter-spacing:var(--letter-spacing-4);font-size:var(--font-size-8);display:flex;gap:9px;align-items:center}.tiny-dot{width:6px;height:6px;border-radius:var(--border-radius-2);background:var(--color-detail-6)}.hero-description{font-size:var(--font-size-9);color:var(--color-text-muted);margin-bottom:26px}.hero-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:34px;padding:18px 24px;border-radius:var(--border-radius-1);font-size:var(--font-size-10);line-height:1;transition:background .18s,transform .18s}.button:hover{transform:translateY(-2px)}.primary{background:var(--color-accent);color:var(--color-white)}.primary:hover{background:var(--color-accent-hover)}.button>span{font-size:var(--font-size-11)}.text-link{display:inline-flex;gap:18px;align-items:center;font-size:var(--font-size-6);font-weight:500;border-bottom:1px solid var(--color-detail-10);padding:8px 0}.text-link:hover{color:var(--color-accent);border-color:var(--color-accent)}.fineprint{font-size:var(--font-size-8);color:var(--color-detail-11);margin:16px 0 0}.fineprint span{padding:0 8px}.hero-art{position:relative;min-width:0;border-radius:var(--border-radius-3);overflow:hidden;min-height:550px}.hero-photo{width:100%;height:100%;position:absolute;object-fit:cover;object-position:68% center}.hero-caption{position:absolute;top:26px;left:26px;font-size:var(--font-size-12);letter-spacing:var(--letter-spacing-5);font-weight:600;color:var(--color-detail-12)}.floating-status{position:absolute;left:26px;right:26px;bottom:26px;padding:20px;background:var(--color-detail-13);border:1px solid var(--color-detail-14);border-radius:var(--border-radius-4);display:flex;align-items:center;gap:13px;box-shadow:0 6px 30px var(--color-detail-15);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.status-icon{width:38px;height:38px;border-radius:var(--border-radius-2);background:var(--color-detail-16);display:grid;place-items:center;color:var(--color-detail-17)}.floating-status strong{font-size:var(--font-size-10);font-weight:550;display:block}.floating-status div>span{font-size:var(--font-size-8);display:block;margin-top:3px;color:var(--color-detail-18)}.floating-status>.visual-toggle{margin-left:auto}.visual-toggle{display:inline-block;flex-shrink:0;width:43px;height:26px;background:var(--color-detail-19);border:0;border-radius:var(--border-radius-5);padding:3px;position:relative;vertical-align:middle;transition:background .25s}.visual-toggle i{display:block;width:20px;height:20px;border-radius:var(--border-radius-2);background:var(--color-white);box-shadow:0 1px 4px var(--color-detail-20);transition:transform .25s}.visual-toggle.on{background:var(--color-accent)}.visual-toggle.on i{transform:translate(17px)}.visual-toggle.mini{width:27px;height:17px;padding:2px}.visual-toggle.mini i{width:13px;height:13px}.visual-toggle.mini.on i{transform:translate(10px)}.compatibility{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:22px 4px;color:var(--color-detail-22);font-size:var(--font-size-4)}.compatibility>span{display:flex;gap:10px;align-items:center}.compatibility>span:last-child{font-size:var(--font-size-7);color:var(--color-detail-23)}.compatibility svg{width:18px;height:18px}.section{padding-block:var(--section-space)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:40px}.section-heading h2{margin-bottom:0}.section-heading>p{font-size:var(--font-size-10);color:var(--color-detail-24);margin:0 0 4px;max-width:300px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step-image{aspect-ratio:1/.99;border-radius:var(--border-radius-4);position:relative;overflow:hidden}.step-image>img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.steps article:hover .step-image>img{transform:scale(1.025)}.steps article:nth-child(1) .step-image>img{object-position:62% center}.steps article:nth-child(3) .step-image>img{object-position:58% center}.number{position:absolute;top:18px;left:18px;width:37px;height:37px;background:var(--color-detail-25);border-radius:var(--border-radius-2);font-size:var(--font-size-4);display:grid;place-items:center}.photo-chip{position:absolute;bottom:17px;left:17px;right:17px;display:flex;align-items:center;gap:8px;background:var(--color-detail-25);padding:12px 13px;border-radius:var(--border-radius-6);font-size:var(--font-size-7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.photo-chip svg{width:14px;height:14px;color:var(--color-detail-26)}.chip-dot{width:6px;height:6px;border-radius:var(--border-radius-2);background:var(--color-detail-27)}.steps h3{font-size:var(--font-size-13);margin:23px 0 9px;letter-spacing:var(--letter-spacing-6)}.steps p{font-size:var(--font-size-6);max-width:290px;color:var(--color-detail-24);margin:0}.demo-section{background:var(--color-section-sage);padding:85px 0 60px}.demo-grid{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:80px}.demo-copy>p:not(.eyebrow){font-size:var(--font-size-14);color:var(--color-detail-29);max-width:330px}.demo-copy h2{font-size:var(--font-size-15)}.demo-instructions{font-size:var(--font-size-7);display:flex;gap:8px;align-items:center;margin:26px 0 25px;white-space:nowrap}.small-number{border:1px solid var(--color-detail-30);border-radius:var(--border-radius-2);width:20px;height:20px;display:grid;place-items:center;font-size:var(--font-size-12)}.instruction-arrow{margin-inline:3px}.interactive-stage{min-width:0}.stage-topline{display:flex;justify-content:space-between;font-size:var(--font-size-12);color:var(--color-detail-31);letter-spacing:var(--letter-spacing-7);margin-bottom:16px}.stage-topline>span:last-child{letter-spacing:var(--letter-spacing-8)}.stage-topline i{display:inline-block;width:5px;height:5px;background:var(--color-detail-32);border-radius:var(--border-radius-2);margin:0 5px 1px 0}.block-panel{background:var(--color-white);border:1px solid var(--color-detail-33);border-radius:var(--border-radius-3);overflow:hidden;box-shadow:0 12px 42px var(--color-detail-34)}.panel-titlebar{display:flex;align-items:center;justify-content:space-between;background:var(--color-detail-35);border-bottom:1px solid var(--color-detail-36);height:36px;padding:0 15px;font-size:var(--font-size-7);color:var(--color-detail-37)}.traffic{display:flex;gap:5px}.traffic i{width:8px;height:8px;background:var(--color-detail-38);border-radius:var(--border-radius-2)}.traffic i:nth-child(2){background:var(--color-detail-39)}.traffic i:nth-child(3){background:var(--color-detail-40)}.panel-body{padding:24px}.panel-heading{display:flex;gap:8px;align-items:center;font-size:var(--font-size-9);font-weight:550;margin-bottom:25px;letter-spacing:var(--letter-spacing-9)}.panel-heading>img{width:25px;height:20px}.panel-badge{font-size:var(--font-size-12);letter-spacing:var(--letter-spacing-8);margin-left:auto;font-weight:400;color:var(--color-detail-41);padding:5px 8px;background:var(--color-detail-42);border-radius:var(--border-radius-7)}.panel-badge.active{color:var(--color-detail-43);background:var(--color-detail-44)}.block-list-head{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;background:var(--color-detail-45);border:1px solid var(--color-detail-46);border-radius:var(--border-radius-8)}.block-list-head strong{font-weight:550;font-size:var(--font-size-14)}.block-list-head small{display:block;font-size:var(--font-size-7);color:var(--color-detail-47);margin-top:3px}.domain-list{border:1px solid var(--color-detail-46);border-top:0;border-radius:var(--border-radius-9);padding:0 18px}.domain-list>div{display:flex;align-items:center;gap:10px;padding:12px 0;font-size:var(--font-size-4)}.domain-list>div+div{border-top:1px solid var(--color-detail-48)}.domain-list img{width:20px;height:20px;object-fit:contain;border-radius:var(--border-radius-6)}.domain-state{margin-left:auto;font-size:var(--font-size-7);color:var(--color-detail-49);display:flex;align-items:center;gap:5px}.domain-state svg{width:12px;height:12px}.domain-state.active{color:var(--color-detail-50)}.panel-foot{font-size:var(--font-size-7);color:var(--color-detail-51);display:flex;gap:7px;align-items:center;margin-top:18px}.signal{width:5px;height:5px;background:var(--color-detail-52);border-radius:var(--border-radius-2)}.signal.on{background:var(--color-detail-53)}.site-attempt{margin-top:12px;background:var(--color-detail-54);border:1px solid var(--color-detail-55);border-radius:var(--border-radius-10);display:flex;gap:11px;align-items:center;padding:16px}.site-attempt-icon{width:31px;height:31px;background:var(--color-white);display:grid;place-items:center;border-radius:var(--border-radius-10)}.site-attempt-icon img{width:20px;height:20px}.attempt-copy{flex:1}.attempt-copy strong{display:block;font-size:var(--font-size-8);font-weight:500}.attempt-copy>span{display:block;font-size:var(--font-size-12);color:var(--color-detail-56);margin-top:4px}.try-site{border:1px solid var(--color-detail-57);background:var(--color-white);font-size:var(--font-size-7);padding:9px 11px;border-radius:var(--border-radius-6);display:flex;gap:10px;align-items:center;min-height:35px}.try-site:hover{border-color:var(--color-accent)}.success{background:var(--color-detail-58)}.demo-note{font-size:var(--font-size-12);text-align:center;color:var(--color-detail-59);margin:12px 0 0}.motion-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--color-detail-60);margin-top:60px;padding-top:28px;margin-bottom:24px}.motion-row .eyebrow{font-size:var(--font-size-16)}.motion-row h3{font-size:var(--font-size-3);margin:8px 0 0}.play-button{display:flex;align-items:center;gap:9px;background:transparent;border:1px solid var(--color-detail-61);border-radius:var(--border-radius-11);padding:11px 18px;font-size:var(--font-size-8)}.play-button svg{width:15px;height:15px}.play-button:hover{background:var(--color-page)}.motion-frame{border:1px solid var(--color-detail-60);border-radius:var(--border-radius-3);overflow:hidden;position:relative;background:var(--color-detail-62)}.motion-caption{font-size:var(--font-size-12);color:var(--color-detail-56);text-align:center;background:var(--color-detail-63);padding:10px}.life-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:20px}.life-card{height:470px;border-radius:var(--border-radius-12);position:relative;overflow:hidden}.life-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(transparent 35%,var(--color-detail-64))}.life-card>.life-media{width:100%;height:100%;object-fit:cover}.creative>img{object-position:64% center}.life-card>div{position:absolute;bottom:30px;left:30px;z-index:1;color:var(--color-white)}.life-card span{font-size:var(--font-size-12);letter-spacing:var(--letter-spacing-3)}.life-card h3{font-size:var(--font-size-17);margin:14px 0 0;line-height:1.1}.pricing-section{background:var(--color-section-sand);padding:85px 0}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.pricing-grid h2{font-size:var(--font-size-18)}.pricing-grid>div>p:not(.eyebrow){font-size:var(--font-size-14);color:var(--color-detail-66)}.pricing-benefits{display:flex;flex-direction:column;gap:12px;margin-top:27px;font-size:var(--font-size-4);color:var(--color-detail-67)}.pricing-benefits span{display:flex;align-items:center;gap:9px}.pricing-benefits svg{width:16px;height:16px}.price-card{padding:28px 34px;background:var(--color-card);border-radius:var(--border-radius-3);border:1px solid var(--color-detail-69);box-shadow:0 12px 40px var(--color-detail-70)}.plan-picker{display:flex;padding:4px;border:1px solid var(--color-detail-71);background:var(--color-detail-72);border-radius:var(--border-radius-13);gap:4px}.plan-picker button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;background:none;border:0;padding:12px 3px;border-radius:var(--border-radius-14);font-size:var(--font-size-8);color:var(--color-detail-73)}.plan-picker button[aria-selected=true]{background:var(--color-white);box-shadow:0 1px 5px var(--color-detail-74);color:var(--color-detail-75)}.plan-picker button>span{font-size:var(--font-size-19);border-radius:var(--border-radius-15);padding:3px 4px;background:var(--color-detail-76);color:var(--color-detail-77);white-space:nowrap}.price-label{font-size:var(--font-size-12);letter-spacing:var(--letter-spacing-3);margin:34px 0 16px;color:var(--color-detail-78)}.price{font-size:var(--font-size-20);font-weight:500;letter-spacing:var(--letter-spacing-10);line-height:1}.price>span{font-size:var(--font-size-6);letter-spacing:var(--letter-spacing-8);color:var(--color-detail-79);margin-left:7px;font-weight:400}.price-detail{font-size:var(--font-size-8);color:var(--color-detail-80);margin:14px 0 28px}.price-line{height:1px;background:var(--color-detail-81);margin-bottom:27px}.price-card .button{width:100%}.price-card .fineprint{text-align:center}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.faqs details{border-bottom:1px solid var(--color-detail-82);padding:23px 0}.faqs details:first-child{border-top:1px solid var(--color-detail-82)}.faqs summary{list-style:none;cursor:pointer;display:flex;gap:15px;justify-content:space-between;align-items:center;font-size:var(--font-size-14)}.faqs summary::-webkit-details-marker{display:none}.faqs summary>span{font-size:var(--font-size-21);font-weight:300;transition:transform .2s}.faqs details[open] summary>span{transform:rotate(45deg)}.faqs details p{font-size:var(--font-size-6);color:var(--color-detail-83);max-width:480px;margin:16px 25px 0 0}.closing{aspect-ratio:16/9;position:relative;border-radius:var(--border-radius-3);overflow:hidden;display:flex;align-items:center;margin-bottom:65px}.closing>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:right center}.closing:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--color-detail-84),transparent 75%)}.closing>div{position:relative;z-index:1;padding:50px;color:var(--color-white)}.closing h2{font-size:var(--font-size-22)}.closing h2 em{color:inherit}.closing .fineprint,.closing .eyebrow{color:var(--color-detail-85)}.footer-top{display:flex;gap:30px;align-items:center;padding-bottom:35px}.footer-top>span{font-size:var(--font-size-8);color:var(--color-detail-86)}.footer-top>div{margin-left:auto;display:flex;gap:22px;font-size:var(--font-size-8)}.footer-bottom{display:flex;justify-content:space-between;gap:16px;font-size:var(--font-size-12);color:var(--color-detail-87);padding:25px 0 30px;border-top:1px solid var(--color-detail-82)}footer a:hover{color:var(--color-accent)}@media(min-width:1600px){.hero-art{min-height:640px}.hero-copy{padding-top:70px}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.nav-links{gap:20px;margin-right:0}.hero{gap:24px;min-height:550px}.hero-art{min-height:510px}.hero-copy{padding-top:37px}.hero .eyebrow{font-size:var(--font-size-12)}.hero-actions{gap:15px}.hero-description{font-size:var(--font-size-10)}.hero h1{font-size:var(--font-size-23)}.button{padding:17px 19px;font-size:var(--font-size-4);gap:22px}.hero .text-link{font-size:var(--font-size-8)}.demo-grid{gap:40px}.demo-copy h2{font-size:var(--font-size-24)}.demo-instructions{font-size:var(--font-size-12);gap:5px}.pricing-grid{gap:45px}.pricing-grid h2{font-size:var(--font-size-25)}.steps h3{font-size:var(--font-size-11)}.photo-chip{font-size:var(--font-size-16);left:12px;right:12px;padding:10px}.price-card{padding:25px}.life-card{height:400px}.section{padding-block:80px}.faq-section{gap:45px}.footer-top{gap:20px}.footer-top>div{gap:15px}}@media(max-width:760px){html{scroll-padding-top:20px}.wrap{width:calc(100% - var(--layout-gutter-mobile))}.announcement{font-size:var(--font-size-7);padding:8px}.nav{height:72px;gap:14px;position:relative}.brand{font-size:var(--font-size-26)}.brand img{width:30px}.nav-cta{margin-left:auto;padding:11px 15px;font-size:var(--font-size-8);gap:14px}.menu{display:block;font-size:var(--font-size-27);background:none;border:0;padding:6px;color:var(--color-text)}.nav-links{display:none;position:absolute;left:0;right:0;top:67px;background:var(--color-page);border:1px solid var(--color-detail-82);border-radius:var(--border-radius-4);padding:20px;z-index:20;box-shadow:0 12px 25px var(--color-detail-88)}.nav-links.open{display:flex;flex-direction:column;gap:4px}.hero{grid-template-columns:1fr;padding-top:10px;gap:29px}.hero-copy{padding:20px 4px 0}.hero h1{font-size:var(--font-size-28);line-height:1.03;letter-spacing:var(--letter-spacing-11);margin-bottom:21px}.hero .eyebrow{font-size:var(--font-size-12);letter-spacing:var(--letter-spacing-12);margin-bottom:22px}.hero-description{font-size:var(--font-size-10);line-height:1.7;max-width:340px}.hero-actions{gap:20px}.hero .button{padding:18px 21px;font-size:var(--font-size-4)}.hero .text-link{font-size:var(--font-size-8)}.fineprint{font-size:var(--font-size-7)}.hero-art{min-height:0;height:430px;width:100%;aspect-ratio:auto}.hero-photo{object-position:60% center}.floating-status{left:18px;right:18px;bottom:18px;padding:17px}.hero-caption{left:20px;top:20px;font-size:var(--font-size-16)}.compatibility{display:grid;grid-template-columns:1fr 1fr;gap:20px 10px;padding:22px 3px;font-size:var(--font-size-7)}.compatibility>span:last-child{font-size:var(--font-size-12)}.section{padding-block:64px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:21px;font-size:var(--font-size-6)}h2{font-size:var(--font-size-29)}.eyebrow{font-size:var(--font-size-16);margin-bottom:18px}.steps{grid-template-columns:1fr;gap:30px}.step-image{aspect-ratio:1.24}.steps h3{font-size:var(--font-size-26);margin-top:18px}.steps p{font-size:var(--font-size-6);max-width:100%;margin-top:8px}.number{width:34px;height:34px}.photo-chip{left:16px;right:auto;bottom:16px;font-size:var(--font-size-7);padding:12px}.demo-section{padding:60px 0 35px}.demo-grid{grid-template-columns:1fr;gap:32px}.demo-copy h2{font-size:var(--font-size-30)}.demo-copy>p:not(.eyebrow){font-size:var(--font-size-10);max-width:100%}.demo-instructions{font-size:var(--font-size-7);gap:8px;margin-top:22px;margin-bottom:17px}.demo-copy .text-link{font-size:var(--font-size-4)}.panel-body{padding:20px}.panel-heading{font-size:var(--font-size-14)}.panel-badge{font-size:var(--font-size-16)}.site-attempt{padding:13px 10px;gap:8px}.attempt-copy strong{font-size:var(--font-size-7)}.attempt-copy>span{font-size:var(--font-size-16)}.try-site{font-size:var(--font-size-12);padding:8px;gap:5px}.motion-row{margin-top:35px;gap:15px;padding-top:23px}.motion-row h3{font-size:var(--font-size-31);max-width:180px;line-height:1.2}.motion-row .eyebrow{font-size:var(--font-size-19)}.play-button{font-size:var(--font-size-7);gap:6px;padding:10px;white-space:nowrap}.motion-frame{border-radius:var(--border-radius-10)}.motion-caption{font-size:var(--font-size-16)}.life-grid{grid-template-columns:1fr;gap:18px}.life-card{height:400px}.life-card>div{left:24px;bottom:26px}.life-card h3{font-size:var(--font-size-32)}.pricing-section{padding:60px 0}.pricing-grid{grid-template-columns:1fr;gap:30px}.pricing-grid h2{font-size:var(--font-size-33)}.pricing-benefits{font-size:var(--font-size-8);gap:10px;margin-top:20px}.price-card{padding:23px}.price{font-size:var(--font-size-34)}.plan-picker button{font-size:var(--font-size-8)}.plan-picker button>span{font-size:var(--font-size-19)}.faq-section{grid-template-columns:1fr;gap:30px}.faq-section h2{font-size:var(--font-size-29)}.faq-section .text-link{font-size:var(--font-size-4)}.faqs summary{font-size:var(--font-size-6)}.faqs details{padding:21px 0}.faqs details p{font-size:var(--font-size-4)}.closing{height:380px;margin-bottom:40px}.closing>img{object-position:85% center}.closing>div{padding:28px}.closing h2{font-size:var(--font-size-35)}.closing:after{background:linear-gradient(90deg,var(--color-detail-89),transparent)}.footer-top{flex-wrap:wrap;gap:15px;padding-bottom:28px}.footer-top>span{font-size:var(--font-size-7);margin-left:auto;max-width:145px}.footer-top>div{margin:7px 0 0;width:100%;justify-content:space-between;font-size:var(--font-size-7)}.footer-bottom{font-size:var(--font-size-16);flex-wrap:wrap;gap:15px;padding:21px 0}.footer-bottom>span:nth-child(2){display:none}.footer-bottom a{margin-left:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}.button:hover,.steps article:hover .step-image>img{transform:none}}.remotion-scene *{transition:none!important;animation:none!important}.motion-frame{margin-top:44px}.motion-control{position:absolute;right:18px;bottom:18px;width:44px;height:44px;padding:0;display:grid;place-items:center;background:var(--color-white);border:1px solid var(--color-detail-90);border-radius:var(--border-radius-2);z-index:2}.motion-control svg{width:18px;height:18px}.price-card .price{margin-top:34px}.hero-copy{display:flex;flex-direction:column;justify-content:center}.demo-copy h2{font-size:var(--font-size-36)}.native-step{background:var(--color-detail-91)}.native-step>div{position:absolute!important;top:0;right:0;bottom:0;left:0}.native-step .number{z-index:2}.browser-sequence{margin-top:14px;background:var(--color-white);border:1px solid var(--color-detail-92);border-radius:var(--border-radius-12);overflow:hidden;box-shadow:0 12px 30px var(--color-detail-93);font-size:var(--font-size-4)}.browser-tabs{display:flex;align-items:end;gap:4px;height:34px;padding:6px 10px 0;background:var(--color-detail-94)}.browser-tabs>span{display:flex;align-items:center;gap:7px;padding:5px 10px;min-width:110px;font-size:var(--font-size-7);color:var(--color-detail-95);border-radius:var(--border-radius-16)}.browser-tabs .selected{background:var(--color-detail-96);color:var(--color-detail-97)}.browser-tabs img{width:12px;height:12px}.browser-tabs b{margin-left:auto;font-weight:400}.browser-toolbar{display:flex;align-items:center;gap:10px;background:var(--color-detail-96);padding:9px 12px;color:var(--color-detail-98)}.browser-address{display:flex;align-items:center;gap:8px;background:var(--color-detail-99);border-radius:var(--border-radius-1);padding:7px 10px;flex:1;min-width:0;font-size:var(--font-size-8);color:var(--color-detail-100);height:30px}.typing-caret{width:1px;height:13px;background:var(--color-detail-101);margin-left:-7px}.browser-content{height:270px;position:relative;overflow:hidden}.browser-empty{height:100%;background:var(--color-white)}.reddit-header{display:flex;align-items:center;gap:7px;padding:12px 15px;border-bottom:1px solid var(--color-detail-102)}.reddit-header>img{width:23px;height:23px}.reddit-header strong{color:var(--color-detail-103);font-size:var(--font-size-27);letter-spacing:var(--letter-spacing-13)}.reddit-search{background:var(--color-detail-104);border-radius:var(--border-radius-7);padding:8px 14px;color:var(--color-detail-105);font-size:var(--font-size-12);margin-left:12px;flex:1}.reddit-feed{padding:14px 22px;max-width:430px;margin:auto}.reddit-feed>span{font-weight:600;font-size:var(--font-size-6)}.reddit-post{margin-top:12px;padding:12px;border:1px solid var(--color-detail-106);border-radius:var(--border-radius-10)}.reddit-post small{font-size:var(--font-size-12);color:var(--color-detail-107)}.reddit-post>div{height:6px;background:var(--color-detail-108);border-radius:var(--border-radius-15);margin-top:10px}.reddit-post>div:nth-child(3){width:70%}.reddit-post .reddit-media{height:65px;background:var(--color-detail-109)}.tab-countdown{position:absolute;bottom:14px;left:14px;right:14px;background:var(--color-detail-110);border:1px solid var(--color-detail-111);border-radius:var(--border-radius-10);box-shadow:0 4px 18px var(--color-detail-112);display:flex;align-items:center;gap:7px;padding:12px;font-size:var(--font-size-7)}.tab-countdown img{width:19px;height:19px;object-fit:contain}.tab-countdown strong{margin-left:auto;font-size:var(--font-size-7);font-weight:500}.browser-notes{padding:30px}.browser-notes h3{font-size:var(--font-size-3);margin:0 0 25px}.browser-notes>div{height:7px;background:var(--color-detail-113);margin:14px 0;border-radius:var(--border-radius-15)}.browser-notes>div:last-child{width:65%}.native-step>div{width:100%;height:100%}@media(max-width:400px){.browser-tabs>span{min-width:90px}.browser-toolbar{gap:6px;padding:8px}.tab-countdown{font-size:var(--font-size-12);padding:9px;gap:5px}.tab-countdown strong{font-size:var(--font-size-12)}}.motion-frame{aspect-ratio:1200/640}.browser-chatgpt{height:100%;padding:18px 20px;display:flex;flex-direction:column;background:var(--color-white);color:var(--color-detail-114)}.chatgpt-title{font-size:var(--font-size-10);font-weight:550;display:flex;gap:6px;align-items:center}.chatgpt-title>span{font-size:var(--font-size-4);color:var(--color-detail-115)}.chatgpt-query{align-self:flex-end;max-width:85%;margin-top:35px;padding:12px 16px;background:var(--color-detail-116);border-radius:var(--border-radius-17);font-size:var(--font-size-4);line-height:1.5}.chatgpt-composer{margin-top:auto;border:1px solid var(--color-detail-117);border-radius:var(--border-radius-18);padding:10px 12px 10px 16px;display:flex;align-items:center;justify-content:space-between;color:var(--color-detail-115);font-size:var(--font-size-8);box-shadow:0 2px 6px var(--color-detail-118)}.chatgpt-send{background:var(--color-detail-119);color:var(--color-white);width:24px;height:24px;border-radius:var(--border-radius-2);display:grid;place-items:center;font-size:var(--font-size-14)}.life-section .section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.life-navigation{display:flex;gap:10px;flex-shrink:0}.life-navigation button{width:45px;height:45px;border:1px solid var(--color-detail-120);background:transparent;border-radius:var(--border-radius-2);font-size:var(--font-size-21);color:var(--color-text);cursor:pointer}.life-navigation button:hover:not(:disabled){background:var(--color-detail-121)}.life-navigation button:disabled{opacity:.3;cursor:default}.life-carousel{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;border-radius:var(--border-radius-12)}.life-carousel::-webkit-scrollbar{display:none}.life-carousel>.life-card{flex:0 0 calc((100% - 20px)/2);scroll-snap-align:start;height:500px}.life-carousel .life-card h3{font-size:var(--font-size-37)}.life-carousel:focus-visible{outline:2px solid var(--color-detail-122);outline-offset:6px}@media(max-width:760px){.life-carousel{margin-right:-18px;padding-right:18px;border-radius:var(--border-radius-19)}.life-carousel>.life-card{flex-basis:86%;height:440px}.life-navigation{gap:7px}.life-navigation button{width:36px;height:36px;font-size:var(--font-size-31)}.life-section .section-heading h2{font-size:var(--font-size-37)}.life-carousel .life-card h3{font-size:var(--font-size-38)}}@media(max-width:400px){.life-carousel>.life-card{height:370px}.life-section .section-heading h2{font-size:var(--font-size-39)}}.life-carousel .life-card>.life-media{object-position:center 30%}.life-carousel .life-card>.life-media{transition:filter .45s ease,transform .65s cubic-bezier(.2,.7,.2,1)}.life-carousel .life-card:after{pointer-events:none}.life-carousel .life-caption{z-index:3;pointer-events:none}.life-reveal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;border:0;border-radius:var(--border-radius-20);background:transparent;color:var(--color-white);display:flex;align-items:center;justify-content:center;padding:38px 34px 95px;cursor:pointer;text-align:center;transition:background .4s ease}.life-carousel .life-message{max-width:340px;font-size:var(--font-size-40);line-height:1.35;letter-spacing:var(--letter-spacing-14);font-weight:400;opacity:0;transform:translateY(10px);transition:opacity .35s ease,transform .45s ease;text-wrap:balance;text-shadow:0 2px 16px var(--color-detail-123)}.life-message strong{font-weight:550;color:var(--color-detail-124)}.life-card[data-revealed=true]>.life-media,.life-card:has(.life-reveal:focus-visible)>.life-media{filter:brightness(.55) saturate(.65) blur(2px);transform:scale(1.035)}.life-card[data-revealed=true] .life-reveal,.life-reveal:focus-visible{background:var(--color-detail-125)}.life-reveal:focus-visible{outline:2px solid var(--color-detail-126);outline-offset:-5px}.life-card[data-revealed=true] .life-message,.life-reveal:focus-visible .life-message{opacity:1;transform:translateY(0)}@media(hover:hover){.life-card:hover>.life-media{filter:brightness(.55) saturate(.65) blur(2px);transform:scale(1.035)}.life-card:hover .life-reveal{background:var(--color-detail-125)}.life-card:hover .life-message{opacity:1;transform:translateY(0)}}@media(max-width:760px){.life-carousel .life-message{font-size:var(--font-size-26)}.life-reveal{padding:30px 25px 85px}}@media(prefers-reduced-motion:reduce){.life-carousel .life-card>.life-media,.life-reveal,.life-message{transition:none;transform:none!important}}.hero-photo{object-position:42% center}.life-card>.life-media{display:block;width:100%;height:100%;object-fit:cover}.life-carousel .life-card>.life-media{object-position:center}.life-navigation .life-pause{font-size:var(--font-size-41)}.life-carousel .life-card[data-moment=family-life]>.life-media{object-position:center 15%}.life-carousel .life-card>.life-media{filter:none!important;transform:none!important;transition:none}.life-card[data-revealed=true] .life-reveal,.life-card:has(.life-reveal:focus-visible) .life-reveal{background:var(--color-detail-127)}@media(hover:hover){.life-card:hover .life-reveal{background:var(--color-detail-127)}}.life-carousel-frame{position:relative}.life-carousel-frame .life-carousel{margin-right:0;padding-right:0;border-radius:var(--border-radius-12)}.life-carousel-frame .life-card{flex-basis:calc((100% - 40px)*.4);height:clamp(270px,34vw,420px)}.life-carousel-frame .life-card h3{font-size:var(--font-size-42)}.life-carousel-frame .life-caption{left:22px;bottom:24px}.life-carousel-frame .life-message{font-size:var(--font-size-43)}.life-carousel-frame .life-reveal{padding:24px 20px 80px}.life-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:48px;height:48px;border-radius:var(--border-radius-2);border:1px solid var(--color-detail-128);background:var(--color-detail-129);color:var(--color-text);box-shadow:0 3px 18px var(--color-detail-20);font-size:var(--font-size-26);display:grid;place-items:center}.life-arrow-next{right:14px}.life-arrow-prev{left:14px}.life-arrow:hover{background:var(--color-white)}.life-arrow:disabled{visibility:hidden;pointer-events:none}@media(max-width:600px){.life-carousel-frame .life-card{flex-basis:calc((100% - 20px)*.8);height:360px}.life-carousel-frame .life-card h3{font-size:var(--font-size-44)}.life-carousel-frame .life-message{font-size:var(--font-size-13)}.life-arrow{width:40px;height:40px}.life-arrow-next{right:8px}.life-arrow-prev{left:8px}}.nav-links a[aria-current=page]{color:var(--color-accent);text-decoration:underline;text-underline-offset:6px}.story-hero{position:relative;height:clamp(460px,47vw,660px);overflow:hidden;border-radius:var(--border-radius-3);margin-top:20px;background:var(--color-detail-130)}.story-hero>img{width:100%;height:100%;object-fit:cover;object-position:center 43%}.story-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,var(--color-detail-131),transparent 75%);pointer-events:none}.story-hero-copy{position:absolute;bottom:44px;left:48px;right:32px;z-index:1;color:var(--color-white)}.story-hero-copy h1{font-size:var(--font-size-45);margin-bottom:18px;line-height:1.04}.story-hero-copy p{font-size:var(--font-size-41);margin:0}.story-letter{max-width:720px;width:calc(100% - var(--layout-gutter));margin:80px auto 90px}.story-template-note{font-size:var(--font-size-4);color:var(--color-detail-132);border-bottom:1px solid var(--color-detail-133);padding-bottom:20px;margin-bottom:44px}.story-letter section{margin-bottom:46px}.story-letter h2{font-size:var(--font-size-46);line-height:1.2;letter-spacing:var(--letter-spacing-15);margin-bottom:18px}.story-letter p{font-size:var(--font-size-47);line-height:1.85;color:var(--color-detail-134)}.story-letter .story-template-note{font-size:var(--font-size-4)}.story-letter .story-prompt{color:var(--color-detail-135);font-style:italic}.story-product{margin:48px 0;background:var(--color-section-sage);border-radius:var(--border-radius-12);padding:32px}.story-product img{width:100%;max-height:480px;object-fit:contain;border-radius:var(--border-radius-1)}.story-product figcaption{font-size:var(--font-size-4);color:var(--color-detail-11);margin-top:20px;text-align:center}.story-signature{padding-top:10px}.story-signature>span{font-family:var(--font-signature);font-style:italic;font-size:var(--font-size-48)}.story-signature p{font-size:var(--font-size-6);margin:8px 0 0}.story-cta{text-align:center;border-top:1px solid var(--color-detail-133);padding:70px 0 90px}.story-cta h2{font-size:var(--font-size-49)}@media(min-width:901px){.nav-links{gap:22px;margin-right:0}.nav{gap:24px}}@media(max-width:600px){.story-hero{height:510px;margin-top:8px}.story-hero>img{object-position:45% center}.story-hero-copy{left:24px;bottom:30px;right:20px}.story-hero-copy h1{font-size:var(--font-size-48)}.story-hero-copy p{font-size:var(--font-size-14)}.story-letter{width:calc(100% - 48px);margin:48px auto 60px}.story-letter h2{font-size:var(--font-size-50)}.story-letter p{font-size:var(--font-size-9)}.story-product{padding:18px}.story-cta{padding:48px 0 60px}}.brand{font-family:var(--font-brand);color:var(--color-wordmark)}.logo-mark{display:inline-block;flex-shrink:0;width:34px;height:28px;background:var(--color-logo);mask:url(/mark.svg) center/contain no-repeat;-webkit-mask:url(/mark.svg) center/contain no-repeat}.panel-heading>.logo-mark{width:25px;height:20px}.tab-countdown>.logo-mark{width:19px;height:19px}@media(max-width:760px){.brand .logo-mark{width:30px}}.waitlist-wrap{width:100%;max-width:470px;scroll-margin-top:120px}.waitlist{display:flex;flex-wrap:wrap;gap:10px}.waitlist input[type=email]{flex:1 1 220px;min-width:0;padding:16px 18px;border:1px solid var(--color-border);border-radius:var(--border-radius-1);background:var(--color-white);color:var(--color-text);font:inherit;font-size:var(--font-size-10)}.waitlist input[type=email]:focus{outline:3px solid var(--color-accent);outline-offset:2px}.waitlist .button{flex:0 0 auto;border:0}.waitlist .button:disabled{opacity:.7;transform:none}.waitlist-msg{font-size:var(--font-size-8);color:var(--color-text-muted);margin:10px 0 0}.waitlist-msg.done{display:flex;align-items:center;gap:8px;color:var(--color-text);font-size:var(--font-size-10);margin:0;padding:16px 0}.waitlist-msg svg{width:18px;height:18px;color:var(--color-accent)}.price-card .waitlist-wrap{max-width:none}.price-card .waitlist input[type=email]{flex-basis:100%}.hp,.sr-only{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.price.platforms{font-size:var(--font-size-2)}.button .arrow{flex-shrink:0}.nav .menu{margin-left:auto}.nav-links{margin-right:0}:root{--color-page: #f8f7f2;--color-text: #252722;--color-accent: #0078ec;--color-detail-4: #e9eddc;--color-detail-5: #3c4b2d;--color-detail-6: #64764b;--color-text-muted: #5d6257;--color-white: #fff;--color-accent-hover: #0061bf;--color-detail-10: #b8bcae;--color-detail-11: #68705f;--color-detail-12: #464b39;--color-detail-13: #fffefaec;--color-detail-14: #ffffff70;--color-detail-15: #25272212;--color-detail-16: #e7ecd9;--color-detail-17: #536338;--color-detail-18: #74786d;--color-detail-19: #c6c8c1;--color-detail-20: #0002;--color-border: #dddfd5;--color-detail-22: #5e6556;--color-detail-23: #747b6c;--color-detail-24: #656c5d;--color-detail-25: #faf9f0ed;--color-detail-26: #52673d;--color-detail-27: #687948;--color-section-sage: #e9ede4;--color-detail-29: #5d6754;--color-detail-30: #aab59f;--color-detail-31: #637255;--color-detail-32: #56763a;--color-detail-33: #d6d9ce;--color-detail-34: #1d2d1710;--color-detail-35: #fafaf6;--color-detail-36: #e6e8de;--color-detail-37: #62685b;--color-detail-38: #ff625a;--color-detail-39: #ffbd2e;--color-detail-40: #28c840;--color-detail-41: #77806b;--color-detail-42: #f3f4ee;--color-detail-43: #426424;--color-detail-44: #edf3e4;--color-detail-45: #f6f5ef;--color-detail-46: #e5e4da;--color-detail-47: #737a6a;--color-detail-48: #f0f0e8;--color-detail-49: #8a9081;--color-detail-50: #45632d;--color-detail-51: #7c8372;--color-detail-52: #b0b4a7;--color-detail-53: #58813a;--color-detail-54: #f7f8f2;--color-detail-55: #d6dccd;--color-detail-56: #6e7862;--color-detail-57: #cbd3be;--color-detail-58: #e4edda;--color-detail-59: #738067;--color-detail-60: #cdd6c4;--color-detail-61: #aebba4;--color-detail-62: #ebece6;--color-detail-63: #e4e8dc;--color-detail-64: #15200ab3;--color-section-sand: #eae7dc;--color-detail-66: #616655;--color-detail-67: #59634e;--color-card: #fdfcf6;--color-detail-69: #d7d8c9;--color-detail-70: #323c1610;--color-detail-71: #dedfd3;--color-detail-72: #eeeee4;--color-detail-73: #636a59;--color-detail-74: #25272210;--color-detail-75: #242a1d;--color-detail-76: #e9eedb;--color-detail-77: #4b612d;--color-detail-78: #7a806c;--color-detail-79: #777c6e;--color-detail-80: #707763;--color-detail-81: #e4e5d9;--color-detail-82: #daddd0;--color-detail-83: #68705e;--color-detail-84: #1d2d1dc2;--color-detail-85: #e0e3d5;--color-detail-86: #6a725e;--color-detail-87: #7e8474;--color-detail-88: #0001;--color-detail-89: #162818af;--color-detail-90: #adb7a5;--color-detail-91: #eeece3;--color-detail-92: #d6dacd;--color-detail-93: #26301a0a;--color-detail-94: #e9eae4;--color-detail-95: #64695d;--color-detail-96: #f8f9f5;--color-detail-97: #30362b;--color-detail-98: #78806c;--color-detail-99: #e9ece3;--color-detail-100: #48503d;--color-detail-101: #3e4536;--color-detail-102: #e6e6e6;--color-detail-103: #ff4500;--color-detail-104: #eef1f2;--color-detail-105: #75808a;--color-detail-106: #eceeef;--color-detail-107: #59646a;--color-detail-108: #e5e9eb;--color-detail-109: #e7eceb;--color-detail-110: #fafbf7;--color-detail-111: #d9decf;--color-detail-112: #1f291e14;--color-detail-113: #e6e9e2;--color-detail-114: #242424;--color-detail-115: #888;--color-detail-116: #f1f1f1;--color-detail-117: #e4e4e4;--color-detail-118: #00000004;--color-detail-119: #252525;--color-detail-120: #c9cebf;--color-detail-121: #e7ebdf;--color-detail-122: #443df5;--color-detail-123: #0003;--color-detail-124: #f1f1de;--color-detail-125: #14201735;--color-detail-126: #f4f2dc;--color-detail-127: #142017a6;--color-detail-128: #ffffff99;--color-detail-129: #f8f7f2f2;--color-detail-130: #77796c;--color-detail-131: rgba(20,26,20,.78);--color-detail-132: #6b7166;--color-detail-133: #d9ddd1;--color-detail-134: #596052;--color-detail-135: #717769;--font-size-1: clamp(52px,5.5vw,82px);--font-size-2: clamp(38px,4.2vw,60px);--font-size-3: 24px;--font-size-4: 12px;--font-size-5: 29px;--font-size-6: 13px;--font-size-7: 10px;--font-size-8: 11px;--font-size-9: 16px;--font-size-10: 14px;--font-size-11: 20px;--font-size-12: 9px;--font-size-13: 23px;--font-size-14: 15px;--font-size-15: 62px;--font-size-16: 8px;--font-size-17: 37px;--font-size-18: 55px;--font-size-19: 7px;--font-size-20: 61px;--font-size-21: 22px;--font-size-22: 70px;--font-size-23: clamp(44px,5.2vw,60px);--font-size-24: 52px;--font-size-25: 46px;--font-size-26: 25px;--font-size-27: 21px;--font-size-28: clamp(49px,9vw,68px);--font-size-29: 40px;--font-size-30: 48px;--font-size-31: 19px;--font-size-32: 35px;--font-size-33: 43px;--font-size-34: 60px;--font-size-35: 54px;--font-size-36: clamp(36px,4.5vw,58px);--font-size-37: 36px;--font-size-38: 30px;--font-size-39: 31px;--font-size-40: clamp(22px,2.25vw,30px);--font-size-41: 18px;--font-size-42: clamp(22px,2.4vw,32px);--font-size-43: clamp(18px,1.8vw,25px);--font-size-44: 27px;--font-size-45: clamp(44px,5.3vw,76px);--font-size-46: 34px;--font-size-47: 17px;--font-size-48: 42px;--font-size-49: clamp(36px,4vw,54px);--font-size-50: 28px;--border-radius-1: 6px;--border-radius-2: 50%;--border-radius-3: 12px;--border-radius-4: 9px;--border-radius-5: 40px;--border-radius-6: 5px;--border-radius-7: 20px;--border-radius-8: 7px 7px 0 0;--border-radius-9: 0 0 7px 7px;--border-radius-10: 8px;--border-radius-11: 30px;--border-radius-12: 10px;--border-radius-13: 7px;--border-radius-14: 4px;--border-radius-15: 3px;--border-radius-16: 6px 6px 0 0;--border-radius-17: 18px;--border-radius-18: 24px;--border-radius-19: 8px 0 0 8px;--border-radius-20: inherit;--letter-spacing-1: -.055em;--letter-spacing-2: -1.6px;--letter-spacing-3: 1.6px;--letter-spacing-4: 1.05px;--letter-spacing-5: 1.8px;--letter-spacing-6: -.045em;--letter-spacing-7: 1px;--letter-spacing-8: 0;--letter-spacing-9: -.4px;--letter-spacing-10: -3px;--letter-spacing-11: -.06em;--letter-spacing-12: .9px;--letter-spacing-13: -1px;--letter-spacing-14: -.6px;--letter-spacing-15: -.04em;--font-body: Geist, Arial, sans-serif;--font-heading: Geist, Arial, sans-serif;--font-brand: Geist, Arial, sans-serif;--font-signature: Georgia, serif;--heading-weight: 500;--color-logo: #0078ec;--color-wordmark: #252722;--layout-max: 1360px;--layout-gutter: 96px;--layout-gutter-mobile: 36px;--section-space: 100px}.sg{max-width:1600px;margin:auto;padding:28px 40px 60px}.sg-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:28px;border-bottom:1px solid var(--color-border)}.sg-top>a:last-child{font-size:13px}.sg-intro{display:flex;justify-content:space-between;align-items:end;gap:24px;padding:52px 0 12px}.sg-kicker{font:11px var(--font-body);letter-spacing:1.5px}.sg-intro h1{font-size:clamp(36px,4vw,60px);margin-bottom:16px}.sg-intro p:last-child{font-size:14px;color:var(--color-text-muted);margin:0}.sg-actions{display:flex;gap:8px;flex-shrink:0}.sg-actions button,.sg-preview-bar select{padding:11px 14px;background:transparent;color:var(--color-text);border:1px solid var(--color-border);border-radius:6px}.sg-actions button:last-child{background:var(--color-text);color:var(--color-page)}.sg-status{font-size:12px;min-height:20px;color:var(--color-text-muted);margin:12px 0 28px}.sg-workspace{display:grid;grid-template-columns:300px minmax(0,1fr);gap:32px;align-items:start}.sg-controls{max-height:calc(100vh - 40px);overflow:auto;position:sticky;top:20px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-card)}.sg-controls details+details{border-top:1px solid var(--color-border)}.sg-controls summary{padding:18px;cursor:pointer;font-size:14px;font-weight:600}.sg-controls summary span{float:right;font-size:11px;opacity:.5}.sg-fields{padding:0 18px 20px;display:grid;gap:18px}.sg-field{display:grid;gap:5px;min-width:0}.sg-field>span{text-transform:capitalize;font-size:12px}.sg-field code{font-size:10px;opacity:.55;overflow-wrap:anywhere}.sg-field>div{display:flex;gap:8px}.sg-field input:not([type=color]),.sg-field select{width:100%;min-width:0;font:12px var(--font-body);padding:9px;border:1px solid var(--color-border);background:var(--color-page);color:var(--color-text);border-radius:5px}.sg-field input[type=color]{width:36px;height:36px;padding:2px;border:1px solid var(--color-border);background:transparent;border-radius:6px;flex-shrink:0}.sg-field input[aria-invalid=true]{outline:2px solid #b42318}.sg-specimens{display:grid;grid-template-columns:1fr 1.3fr;border:1px solid var(--color-border);border-radius:12px;overflow:hidden;margin-bottom:28px;min-height:320px}.sg-brand-sample{background:var(--color-section-sage);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;gap:22px}.sg-brand-sample>.logo-mark{width:110px;height:80px}.sg-brand-sample p{font-size:11px;margin:0;color:var(--color-text-muted)}.sg-type-sample{padding:32px;background:var(--color-card)}.sg-type-sample h2{font-size:clamp(32px,3.5vw,48px);margin:24px 0 16px}.sg-type-sample p{font-size:13px}.sg-type-sample button{border:0}.sg-preview-bar{display:flex;align-items:center;gap:15px;padding:16px 0;font-size:12px}.sg-preview-bar select{margin-left:auto}.sg-preview{width:100%;height:760px;background:var(--color-page);border:1px solid var(--color-border);border-radius:10px}.sg-note{font-size:12px;color:var(--color-text-muted);max-width:660px}.sg :focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}@media(max-width:1000px){.sg{padding:24px}.sg-intro{align-items:start;flex-direction:column}.sg-workspace{grid-template-columns:250px minmax(0,1fr);gap:20px}.sg-specimens{grid-template-columns:1fr}}@media(max-width:680px){.sg{padding:20px}.sg-workspace{grid-template-columns:1fr}.sg-controls{position:static;max-height:480px}.sg-intro{padding-top:32px}.sg-preview{height:620px}.sg-specimens{grid-template-columns:1fr}.sg-top .brand{font-size:24px}}
