@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--ink:#252720;--cream:#faf9f5;--coral:#f3785e;--line:#deded5;--muted:#74766e;--lime:#dbe5ac}*{box-sizing:border-box}body{background:var(--cream);color:var(--ink);margin:0;font-family:DM Sans,Arial,sans-serif;font-size:15px;line-height:1.6}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.045em;font-family:Manrope,Arial,sans-serif;line-height:1.13}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--coral);outline-offset:5px}input:focus{outline:2px solid var(--coral);outline-offset:2px}.nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1440px;margin:auto;padding:30px 6%;display:flex}.logo{letter-spacing:-1.2px;align-items:center;gap:9px;font-size:25px;font-weight:800;display:flex}.logo-light{font-weight:400}.nav nav{align-items:center;gap:35px;font-size:13px;font-weight:600;display:flex}.nav-account{border:1px solid var(--ink);border-radius:5px;align-items:center;gap:14px;padding:11px 18px;display:flex}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:30px;max-width:1440px;min-height:690px;margin:auto;padding:62px 6% 58px;display:grid}.eyebrow{letter-spacing:1.7px;font-size:10px;font-weight:700;display:block}.status-dot{background:var(--coral);border-radius:100%;width:6px;height:6px;margin-right:7px;display:inline-block}.hero h1{letter-spacing:-6px;margin:25px 0;font-size:clamp(64px,6.8vw,102px);font-weight:500;line-height:1.01;position:relative}.hero h1 em{color:var(--coral);font-family:Georgia,serif;font-weight:400}.asterisk{color:var(--coral);vertical-align:middle;margin-left:50px;font-size:90px;display:inline-block}.hero-copy>p{color:#676a60;font-size:15px;line-height:1.8}.button-row{flex-wrap:wrap;align-items:center;gap:25px;display:flex}.button{border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;gap:18px;padding:14px 22px;font-size:12px;font-weight:600;transition:transform .18s,background .18s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-2px)}.dark{background:var(--ink);color:#fff}.light{background:var(--cream);color:var(--ink)}.outline{border-color:var(--line);background:0 0}.text-link{align-items:center;gap:10px;font-size:12px;font-weight:600;display:inline-flex}.platforms{color:var(--muted);gap:24px;margin-top:28px;font-size:10px;display:flex}.platforms span{align-items:center;gap:7px;display:flex}.booth-art{background:#f1ede5;border-radius:46% 46% 8px 8px;height:570px;position:relative;overflow:hidden}.photo-strip{z-index:2;background:#fffdf7;width:67%;padding:17px;position:absolute;top:17%;left:15%;transform:rotate(-9deg);box-shadow:0 20px 35px #45423621}.strip-top{letter-spacing:1.3px;justify-content:space-between;margin-bottom:9px;font-size:6px;font-weight:700;display:flex}.portrait-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.portrait{height:155px;position:relative;overflow:hidden}.coral{background:#e6b3a2}.lime{background:#d3d6a8}.blue{background:#a7b8c7}.peach{background:#e1bfa1}.person{position:absolute;inset:10% 10% 0;transform:rotate(8deg)}.face{z-index:2;background:#b66d4f;border-radius:42% 45% 44% 40%;width:55%;height:58%;position:absolute;top:19%;left:25%}.hair{z-index:3;clip-path:polygon(0 0,100% 0,100% 80%,80% 70%,70% 40%,20% 35%,10% 100%,0 100%);background:#32382d;border-radius:50% 45% 30% 15%;width:65%;height:54%;position:absolute;top:0;left:17%}.eyes{background:#292722;border-radius:50%;width:7%;height:5px;position:absolute;top:38%;left:20%;box-shadow:28px 0 #292722}.smile{border-bottom:3px solid #fff6df;border-radius:50%;width:30%;height:13%;position:absolute;top:63%;left:35%}.shirt{background:#f7eadb;border-radius:45% 45% 0 0;width:100%;height:55%;position:absolute;top:69%;left:0}.p1{transform:rotate(-10deg)}.p1 .face{background:#ecc7a4}.p1 .hair{background:#654330}.p1 .shirt{background:#747b59}.p2 .face{background:#edbd91}.p2 .hair{background:#754e39}.p2 .shirt{background:#516873}.p3 .shirt{background:#ad6452}.p3 .face{background:#9f6b50}.spark{color:#fff5df;z-index:4;font-size:29px;position:absolute;top:4px;right:7px}.strip-bottom{text-align:center;margin-top:15px;font-family:Georgia,serif;font-size:12px;font-style:italic}.strip-bottom span{font-size:20px;display:block}.art-note{letter-spacing:1px;font-size:11px;font-weight:700;line-height:1.4;position:absolute;top:6%;left:28%;transform:rotate(-7deg)}.orbit{border:1px solid #b7b9a4;border-radius:50%;width:380px;height:180px;position:absolute;top:22%;left:5%;transform:rotate(-40deg)}.orbit-two{top:58%;transform:rotate(35deg)}.art-sticker{z-index:3;background:var(--lime);text-align:center;border-radius:50%;width:124px;height:124px;padding-top:36px;font-family:Georgia,serif;font-size:21px;font-style:italic;line-height:1.2;position:absolute;bottom:9%;right:5%;transform:rotate(12deg)}.art-caption{letter-spacing:2px;font-size:8px;position:absolute;bottom:20px;left:22px}.ticker{background:var(--lime);letter-spacing:1.8px;justify-content:space-between;align-items:center;gap:22px;padding:21px 8%;font-size:11px;font-weight:600;display:flex}.ticker b{font-size:24px;font-weight:400}.section{max-width:1440px;margin:auto;padding:95px 6%}.section-heading{justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:40px;display:flex}.section-heading h2{margin:14px 0 0;font-size:43px;font-weight:500}.section-heading p{color:var(--muted);margin-bottom:3px;font-size:13px}.feature-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.feature{border:1px solid var(--line);border-radius:7px;padding:28px}.feature-top{justify-content:space-between;align-items:center;margin-bottom:43px;display:flex}.feature-top span{color:var(--muted);font-size:10px}.feature h3{font-size:25px;font-weight:500}.feature p{color:var(--muted);max-width:310px;margin-bottom:0;font-size:13px}.guide-banner{background:var(--coral);border-radius:8px;align-items:center;gap:35px;margin:0 6%;padding:46px 5%;display:flex}.guide-banner h2{margin:10px 0;font-size:38px;font-weight:500}.guide-banner p{margin:0;font-size:13px}.guide-banner .button{margin-left:auto}.guide-icon{border:1px solid #25272070;border-radius:50%;padding:22px;line-height:0}.bottom-cta{text-align:center;padding:100px 20px}.bottom-cta h2{margin:20px 0 30px;font-size:50px;font-weight:500}.bottom-cta p{color:var(--muted);margin-top:14px;font-size:11px}footer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:30px;padding:40px 6% 25px;display:flex}footer p{color:var(--muted);margin:12px 0;font-size:11px}.footer-links{align-items:flex-start;gap:28px;padding-top:8px;font-size:12px;display:flex}footer small{color:var(--muted);flex-basis:100%;font-size:10px}.page-section{padding-top:65px}.page-title{margin:20px 0;font-size:65px;font-weight:500}.lede{color:var(--muted);max-width:650px;font-size:17px}.guide-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:55px;display:grid}.guide-card{border:1px solid var(--line);border-radius:7px;padding:30px;transition:background .2s}.guide-card:hover{background:#f1ede5}.guide-card h2{margin:30px 0 16px;font-size:27px;font-weight:500}.guide-card p{color:var(--muted);font-size:14px}.guide-card svg{margin-top:20px}.article-layout{grid-template-columns:260px 1fr;gap:70px;max-width:1250px;margin:auto;padding:60px 6% 100px;display:grid}.article-layout aside{flex-direction:column;align-self:start;gap:8px;font-size:12px;display:flex;position:sticky;top:30px}.article-layout aside a{border-radius:4px;padding:10px 14px}.article-layout aside a:first-child{margin-bottom:20px}.article-layout .selected{background:var(--lime)}.article-layout article h1{margin:15px 0;font-size:49px;font-weight:500}.article-layout article section{border-top:1px solid var(--line);margin-top:32px;padding-top:28px}.article-layout article section h2{margin:10px 0 15px;font-size:25px;font-weight:600}.article-layout article section p{color:#63665c}.step-number{color:var(--muted);font-size:11px}.article-end{background:#f0eee5;border-radius:7px;margin-top:40px;padding:24px;font-size:13px}.article-end a{text-decoration:underline;display:block}.plans-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:50px;display:grid}.plan{border:1px solid var(--line);border-radius:8px;flex-direction:column;padding:32px;display:flex}.plan.featured{background:var(--ink);color:var(--cream)}.plan h2{min-height:68px;margin:18px 0;font-size:28px;font-weight:500}.price{letter-spacing:-1px;border-bottom:1px solid #96978a55;padding:16px 0 25px;font-size:30px}.plan ul{min-height:130px;margin-top:25px;padding:0;font-size:13px;list-style:none}.plan li{align-items:center;gap:10px;margin:12px 0;display:flex}.plan p{opacity:.75;min-height:62px;font-size:12px}.plan .button{margin-top:auto}.notice{background:#efeee5;border-radius:7px;margin-top:30px;padding:25px;font-size:13px}.notice p{color:#676a60;margin:8px 0 0}.faq{max-width:750px;margin:80px auto 0}.faq h2{margin-bottom:30px;font-size:37px;font-weight:500}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{cursor:pointer;font-size:15px}.faq details p{color:var(--muted);margin:15px 0 0;font-size:14px}.auth-layout{grid-template-columns:1fr 1fr;align-items:center;gap:70px;max-width:1200px;margin:60px auto 100px;padding:0 5%;display:grid}.auth-intro{background:#f0eee5;border-radius:8px;min-height:550px;padding:50px 40px;overflow:hidden}.auth-intro h1{margin:25px 0;font-size:57px;font-weight:500}.auth-intro p{color:var(--muted);font-size:14px}.auth-flower{color:var(--coral);margin-top:30px;font-size:150px;line-height:1.2}.auth-card h2{margin:15px 0;font-size:32px}.auth-card>p{color:var(--muted);font-size:13px}form label{margin:22px 0 8px;font-size:12px;font-weight:600;display:block}input{background:#fff;border:1px solid #c9cbbe;border-radius:5px;width:100%;padding:13px 15px}.full{width:100%;margin-top:25px}.auth-switch{flex-direction:column;align-items:flex-start;gap:12px;margin-top:25px;display:flex}.auth-switch button{background:0 0;border:0;padding:0;font-size:12px;text-decoration:underline}.auth-note{border-top:1px solid var(--line);margin-top:30px;padding-top:20px;line-height:1.7;font-size:11px!important}.error,.success{border-radius:5px;margin:15px 0;padding:15px;font-size:13px}.error{color:#8b3427;background:#f8e2da}.success{color:#40532a;background:#e7edd5}.narrow{max-width:650px;min-height:65vh}.narrow h1{font-size:36px}.narrow .button{margin:20px 0}.account-heading{justify-content:space-between;align-items:center;gap:30px;display:flex}.account-panels{grid-template-columns:1fr 1fr;gap:25px;margin:35px 0 60px;display:grid}.account-plan,.billing-note{background:#efeee5;border-radius:8px;padding:35px}.account-plan h2{margin:20px 0;font-size:52px;font-weight:500}.billing-note h2{margin:25px 0;font-size:35px;font-weight:500}.account-panels p{color:var(--muted);font-size:14px}.billing-note .text-link{margin-top:20px;display:block}.device-list>p{color:var(--muted);max-width:740px;font-size:13px}.device-list .section-heading{margin-bottom:22px}.device-list .section-heading>span{font-size:12px}.device{border-bottom:1px solid var(--line);align-items:center;gap:20px;padding:22px 0;display:flex}.device p{color:var(--muted);margin:3px 0 0;font-size:12px}.badge{background:#eee;border-radius:20px;margin-left:auto;padding:5px 13px;font-size:11px}.badge.active{background:var(--lime)}.empty-state{border:1px dashed var(--line);text-align:center;border-radius:8px;margin-top:25px;padding:40px}.empty-state h3{margin:15px 0;font-size:23px;font-weight:500}.empty-state p{color:var(--muted);font-size:13px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.skip{background:var(--ink);color:#fff;z-index:20;padding:15px;position:fixed;top:-100px}.skip:focus{top:5px}@media (min-width:1500px){.guide-banner{max-width:1268px;margin:auto}}@media (max-width:1000px){.hero{min-height:600px}.hero h1{letter-spacing:-4px}.booth-art{height:490px}.portrait{height:125px}.art-sticker{width:100px;height:100px;padding-top:26px;font-size:19px}.guide-grid{grid-template-columns:repeat(2,1fr)}.plan{padding:22px}.guide-banner{gap:20px}.guide-icon{display:none}.auth-layout{gap:35px}.article-layout{grid-template-columns:210px 1fr;gap:30px}}@media (max-width:700px){.nav{gap:20px;padding:22px 5%}.logo{gap:5px;font-size:21px}.nav nav{gap:16px;font-size:11px}.nav-account{padding:8px}.nav-account svg{display:none}.hero{grid-template-columns:1fr;padding:45px 6%}.hero h1{letter-spacing:-4px;font-size:76px}.hero-copy>p{font-size:14px}.booth-art{width:100%;max-width:460px;height:530px;margin:20px auto 0}.portrait{height:145px}.ticker{letter-spacing:1px;flex-wrap:wrap;justify-content:center;gap:12px;padding:15px 5%;font-size:8px}.ticker b{font-size:18px}.section{padding:60px 6%}.section-heading{flex-direction:column;align-items:flex-start;gap:18px}.section-heading h2{font-size:36px}.feature-grid,.plans-grid,.account-panels{grid-template-columns:1fr}.feature-top{margin-bottom:25px}.guide-banner{flex-direction:column;align-items:flex-start;padding:32px}.guide-banner .button{margin-top:10px;margin-left:0}.guide-banner h2{font-size:32px}.bottom-cta{padding:65px 6%}.bottom-cta h2{font-size:39px}.page-title{font-size:47px}.guide-grid{grid-template-columns:1fr}.guide-card h2{margin-top:22px}.article-layout{padding:35px 6%;display:block}.article-layout aside{border-bottom:1px solid var(--line);margin-bottom:35px;padding-bottom:20px;position:static}.article-layout aside a:not(:first-child):not(.selected){display:none}.article-layout article h1{font-size:40px}.plan h2,.plan ul,.plan p{min-height:0}.plan .button{margin-top:20px}.auth-layout{margin:40px auto 60px;padding:0 7%;display:block}.auth-intro{display:none}.auth-card{max-width:440px;margin:auto}.account-heading{flex-direction:column;align-items:flex-start}.account-panels{margin-top:30px}.footer-links{flex-wrap:wrap;gap:22px}.device{gap:12px}.device strong{font-size:13px}.device p{font-size:10px}.badge{padding:4px 9px;font-size:10px}.lede{font-size:15px}.platforms{gap:18px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.auth-divider{text-align:center;color:var(--muted);margin:22px 0 -5px;font-size:11px}
