@font-face{font-family:Geist;src:url('/assets/geist.woff2') format('woff2');font-weight:100 900;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Geist,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #71a6ff;outline-offset:4px}button{color:inherit}svg{width:24px;height:24px;flex-shrink:0}img{display:block;width:100%;object-fit:cover}button{border:0}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:500}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Comparison gallery */
.catalog{background:#17191a;color:#f0f0e9}.catalog-shell{max-width:1400px;padding:0 56px;margin:auto}.studio-header{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #333636}.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:600;letter-spacing:-.06em}.brand-mark{display:grid;place-items:center;background:#c8f492;color:#17191a;width:28px;height:28px;border-radius:8px;font-size:26px;line-height:1}.brand-divider{color:#595d5b;font-weight:300;margin:0 7px}.brand-studio{font-size:14px;letter-spacing:-.02em;font-weight:400;color:#b8bbb5}.preview-badge{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.12em;color:#c2c7bd;border:1px solid #40453d;padding:8px 11px;border-radius:30px}.preview-badge i{width:5px;height:5px;background:#c8f492;border-radius:100%}.catalog-intro{padding-top:74px}.catalog-intro>.eyebrow{color:#b7c0ad;margin:0 0 28px}.catalog-intro h1{font-size:clamp(40px,5.3vw,76px);font-weight:450;letter-spacing:-.065em;line-height:1.08;margin:0}.catalog-intro h1>span{color:#9b9f99}.intro-description{color:#b3b8b0;font-size:16px;line-height:1.7;margin:28px 0 38px}.intro-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #333636;padding-top:20px;color:#92978e;font-size:11px;gap:16px}.intro-foot>span:last-child{display:flex;align-items:center;gap:10px}.intro-foot svg{width:16px;height:16px}.design-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin:34px 0 72px}.design-card{min-width:0}.design-thumbnail{height:470px;display:block;border-radius:8px;position:relative;overflow:hidden;padding:29px 25px 0;transition:background .2s}.design-thumbnail.minimal{background:#d5d5cd}.design-thumbnail.cover{background:#272d38}.design-thumbnail.cards{background:#aab7a3}.mini-page{position:relative;width:100%;max-width:264px;min-height:550px;margin:auto;overflow:hidden;border-radius:18px 18px 0 0;background:#f5f3ed;color:#252725;box-shadow:0 5px 32px #0002}.mini-page>.portrait{height:195px;object-position:center 30%}.mini-profile{text-align:center;padding:15px 18px;position:relative}.mini-name{font-size:20px;font-weight:550;letter-spacing:-.06em;display:block}.mini-name b{color:#72937d;font-size:15px}.mini-handle{font-size:8px;display:block;opacity:.5;margin-top:4px}.mini-bio{font-size:8px;display:block;margin-top:12px}.mini-socials{font-size:16px;margin-top:10px}.mini-button{border-radius:30px;background:#252725;color:white;padding:12px 10px;font-size:9px;margin-top:17px;text-align:left}.mini-button b{float:right}.mini-message{padding:10px;border:1px solid #25272533;border-radius:30px;font-size:9px;margin-top:6px}.mini-stories{display:flex;gap:6px;margin-top:15px}.mini-stories img{width:calc(50% - 3px);height:95px;border-radius:8px}.cover .mini-page{background:#111a2c;color:#fff}.cover .mini-page>.portrait{height:345px;opacity:.9}.cover .mini-profile{margin-top:-100px;padding-top:25px;background:linear-gradient(transparent,#111a2c 31%);text-align:left}.cover .mini-button{background:#c5dcff;color:#111a2c}.cover .mini-name b{color:#bdd4fb}.cover .mini-message{border-color:#ffffff3d}.cards .mini-page{background:#f6f0e5;color:#252725;padding:18px 13px}.cards .mini-page>.portrait{height:205px;border-radius:65px 65px 18px 18px}.cards .mini-profile{padding:16px 0}.cards .mini-button{background:#e3674f;color:#fff;border-radius:10px;padding:14px 10px}.cards .mini-message{border-radius:10px;background:#fff;border:0}.cards .mini-name b{color:#e3674f}.open-preview{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:16px;white-space:nowrap;background:#f8faf2;color:#17191a;padding:12px 19px;border-radius:30px;font-size:12px;box-shadow:0 3px 16px #0003}.open-preview svg{width:16px;height:16px}.design-card-heading{display:flex;align-items:center;justify-content:space-between;margin-top:23px}.design-number{font-size:10px;letter-spacing:.02em;color:#9ea79a}.design-card h2{font-size:31px;font-weight:450;letter-spacing:-.04em;margin:6px 0}.circle-arrow{display:grid;place-items:center;width:40px;height:40px;border-radius:100%;border:1px solid #50564d}.circle-arrow svg{width:18px;height:18px}.design-card>p{font-size:13px;line-height:1.65;color:#abb2a6;max-width:315px;margin:9px 0 21px}.card-bottom{border-top:1px solid #333a31;padding-top:14px;font-size:9px;line-height:1.7;color:#858d80}.ideas-note{display:flex;align-items:center;gap:24px;padding:30px;border:1px solid #444c3d;border-radius:10px;background:#20261e}.ideas-star{font-size:50px;color:#c8f492}.ideas-note h2{font-size:19px;font-weight:450;letter-spacing:-.03em;margin:0 0 8px}.ideas-note p{max-width:650px;font-size:13px;line-height:1.7;margin:0;color:#a6b49d}.note-index{margin-left:auto;color:#b0c29f;font-size:10px;white-space:nowrap}.catalog-footer{padding:29px 0 36px;display:flex;gap:20px;justify-content:space-between;color:#8c9485;font-size:10px;line-height:1.6}
/* Shared fanpage content */
.preview{background:var(--surround);color:var(--ink);--ink:#272b25;--muted:#72776d;--page:#f6f4ee;--surround:#deded4;--accent:#2d392c;--accent-ink:#fff;--line:#d9dcd1;--soft:#eeeee5}.fanpage{width:100%;max-width:480px;min-height:100svh;margin:0 auto;padding-bottom:98px;background:var(--page);position:relative;overflow:hidden}.page-topline{display:flex;align-items:center;justify-content:space-between;padding:23px 26px;font-size:9px;letter-spacing:.13em}.page-topline a{font-size:13px;font-weight:650;letter-spacing:-.03em}.page-topline .top-star{font-size:21px;line-height:1}.hero-media{position:relative}.hero-media .portrait{height:385px;object-position:50% 27%}.photo-note{position:absolute;left:26px;bottom:18px;font-size:8px;letter-spacing:.18em;color:#fff}.profile{padding:27px 26px 0;text-align:center;position:relative}.availability{display:flex;align-items:center;justify-content:center;gap:7px;font-size:9px;color:var(--muted);letter-spacing:.015em;margin-bottom:17px}.availability i{height:5px;width:5px;background:#83a979;border-radius:100%}.profile h1{font-size:36px;font-weight:500;line-height:1.12;letter-spacing:-.065em;margin:0;display:flex;gap:7px;align-items:center;justify-content:center}.verified{width:22px;height:22px;color:#7e9981}.handle{font-size:11px;color:var(--muted);margin:7px 0 0}.bio{font-size:13px;line-height:1.7;margin:19px 0 0;letter-spacing:-.01em}.socials{display:flex;gap:11px;justify-content:center;margin-top:20px}.socials button{width:43px;height:43px;border-radius:100%;background:transparent;border:1px solid var(--line);display:grid;place-items:center}.socials svg{width:18px;height:18px}.links{padding:25px 26px 0}.primary-link{width:100%;display:flex;align-items:center;gap:12px;background:var(--accent);color:var(--accent-ink);text-align:left;border-radius:50px;padding:19px 21px;min-height:75px}.primary-link>span:nth-child(2){flex:1;min-width:0}.primary-link strong{font-size:15px;letter-spacing:-.02em;font-weight:550;display:block}.primary-link small{font-size:10px;opacity:.76;display:block;margin-top:5px;line-height:1.4}.primary-link>svg{width:22px;height:22px}.link-icon{font-size:25px}.message-link{display:flex;align-items:center;gap:12px;width:100%;padding:17px 22px;border:1px solid var(--line);background:transparent;border-radius:50px;margin-top:10px;min-height:57px;text-align:left}.message-link svg{width:19px;height:19px}.message-link span{flex:1;font-size:13px}.section-label{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:var(--muted);margin:33px 0 14px;align-items:center}.section-label>span:last-child{font-size:8px}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.story{position:relative;overflow:hidden;min-width:0;border-radius:12px;padding:0;background:#252725;height:240px;text-align:left;color:#fff}.story:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 35%,#0009)}.story img{height:100%;transition:transform .3s}.story-tag{position:absolute;z-index:1;top:12px;left:12px;font-size:7px;letter-spacing:.11em;padding:6px 7px;border:1px solid #fff7;border-radius:20px;background:#0002}.story-title{position:absolute;z-index:1;bottom:14px;left:13px;right:12px;font-size:16px;line-height:1.2;letter-spacing:-.04em;display:flex;align-items:center;justify-content:space-between;gap:8px}.story-title svg{width:17px;height:17px}.newsletter{display:flex;align-items:center;gap:13px;width:100%;background:var(--soft);padding:20px 14px;border-radius:12px;margin-top:13px;text-align:left}.newsletter>span:nth-child(2){flex:1}.newsletter strong{font-size:13px;font-weight:500}.newsletter small{display:block;font-size:9px;color:var(--muted);margin-top:5px;line-height:1.4}.newsletter-icon{font-size:25px;font-weight:300}.newsletter svg{width:18px;height:18px}.page-footer{padding:30px 26px 15px;color:var(--muted);font-size:9px;display:flex;align-items:center;gap:14px;justify-content:space-between;flex-wrap:wrap}.page-footer>div{display:flex;gap:13px}.page-footer button{padding:4px 0;background:transparent;font-size:9px;color:var(--muted)}.page-footer small{width:100%;font-size:8px;text-align:center;opacity:.7;margin-top:9px}.exit-content{padding:7px 26px 0;text-align:center}.exit-content>p:first-child{font-size:13px;line-height:1.6;margin:25px 0 20px}.exit-caption{font-size:9px;color:var(--muted);margin:15px 0 0;line-height:1.6}.screen-exit .page-footer{padding-top:35px}.screen-exit .fanpage{min-height:100svh}
/* Essential */
.preview.minimal .hero-media{margin:0 26px}.preview.minimal .hero-media .portrait{height:355px;border-radius:160px 160px 4px 4px}.preview.minimal .photo-note{left:16px}.preview.minimal .profile{padding-top:25px}.preview.minimal .profile h1{font-family:Georgia,serif;font-size:40px;font-weight:400;letter-spacing:-.05em}.preview.minimal .primary-link{background:#344631}.preview.minimal .primary-link .link-icon{color:#d5e7b6}.preview.minimal .story{border-radius:4px}.preview.minimal .newsletter{border-radius:4px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent}
/* Spotlight */
.preview.cover{--ink:#edf2fb;--muted:#99aac2;--page:#111b2d;--surround:#0c1220;--accent:#c4dcff;--accent-ink:#15233a;--line:#35445b;--soft:#1b2a40}.preview.cover .page-topline{position:absolute;z-index:2;top:0;left:0;right:0;background:linear-gradient(#08101a80,transparent);color:white;padding-top:28px}.preview.cover .hero-media .portrait{height:570px;object-position:50% 25%}.preview.cover .hero-media:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 55%,#111b2d)}.preview.cover .photo-note{display:none}.preview.cover .profile{margin-top:-129px;text-align:left;padding-top:5px}.preview.cover .profile h1{justify-content:flex-start;font-size:43px;position:relative}.preview.cover .availability{justify-content:flex-start;position:relative;color:#c0d0de;margin-bottom:14px}.preview.cover .availability i{background:#b9d4a6}.preview.cover .handle{color:#a6bad1}.preview.cover .bio{margin-top:20px;color:#d0d9e7}.preview.cover .socials{justify-content:flex-start;margin-top:21px}.preview.cover .socials button{background:#ffffff09}.preview.cover .verified{color:#91b6ed}.preview.cover .primary-link{border-radius:15px}.preview.cover .message-link{border-radius:15px}.preview.cover .story{border-radius:15px}.preview.cover .story-grid{gap:10px}.preview.cover .page-footer{padding-top:36px}.preview.cover .story-title{font-size:18px;font-weight:450}
/* Studio */
.preview.cards{--ink:#322d28;--muted:#887a6c;--page:#f5f0e5;--surround:#d1d8c7;--accent:#e16a4e;--accent-ink:#fff9ee;--line:#e1d7c6;--soft:#fffaf3}.preview.cards .page-topline{padding:23px 23px 22px}.preview.cards .page-topline a{font-weight:700}.preview.cards .top-star{color:#e16a4e}.preview.cards .hero-media{margin:0 23px}.preview.cards .hero-media .portrait{height:353px;border-radius:140px 140px 24px 24px;object-position:50% 25%}.preview.cards .photo-note{left:18px;bottom:18px}.preview.cards .profile{padding:27px 23px 0}.preview.cards .availability{color:#8a7968}.preview.cards .profile h1{font-size:38px;letter-spacing:-.06em;font-weight:650}.preview.cards .verified{color:#e16a4e}.preview.cards .socials button{background:#fffbf4;border:none;width:46px;height:46px}.preview.cards .links{padding:24px 23px 0}.preview.cards .primary-link{border-radius:17px;padding:20px;min-height:80px}.preview.cards .primary-link strong{font-size:17px}.preview.cards .message-link{border:0;background:#fffbf4;border-radius:17px;padding:20px;min-height:65px}.preview.cards .section-label{margin-top:26px}.preview.cards .story{border-radius:19px;height:225px}.preview.cards .story-tag{background:#fbf0df;color:#4c3d2b;border:0;font-size:7px;font-weight:600}.preview.cards .story-title{font-size:18px}.preview.cards .newsletter{border-radius:17px;background:#e4e8d5;padding:22px 17px}.preview.cards .newsletter-icon{background:#cbd6b6;border-radius:100%;width:36px;height:36px;display:grid;place-items:center}.preview.cards .page-footer{padding-left:23px;padding-right:23px}.preview.cards .exit-content{padding-left:23px;padding-right:23px}
/* Preview navigation */
.back-to-designs{position:fixed;z-index:3;top:24px;left:24px;display:flex;align-items:center;gap:10px;font-size:12px;color:var(--ink);background:var(--page);border:1px solid var(--line);padding:12px 17px;border-radius:30px}.preview-toolbar{display:flex;align-items:center;position:fixed;z-index:5;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translateX(-50%);padding:7px;background:#1d211f;color:#fff;border:1px solid #ffffff26;box-shadow:0 4px 24px #0003;border-radius:40px;gap:6px;width:max-content;max-width:calc(100% - 24px)}.toolbar-grid{display:grid;place-items:center;width:33px;height:33px;font-size:23px;color:#c8f492;flex-shrink:0}.preview-toolbar select{background:#1d211f;color:#efefe8;border:0;width:126px;padding:8px 2px;font-size:11px;min-width:0;cursor:pointer}.screen-switch{display:flex;align-items:center;padding:3px;background:#353b34;border-radius:30px;gap:2px}.screen-switch a{padding:9px 12px;display:block;font-size:10px;border-radius:30px;min-width:45px;text-align:center}.screen-switch a[aria-current=page]{background:#c8f492;color:#17191a}.hide-toolbar{background:transparent;color:#ccc;font-size:22px;width:28px;height:33px;flex-shrink:0}.show-toolbar{display:none;position:fixed;z-index:5;right:14px;bottom:max(14px,env(safe-area-inset-bottom));width:42px;height:42px;border:1px solid #ffffff30;background:#1d211f;color:#c8f492;box-shadow:0 4px 16px #0003;font-size:25px;border-radius:100%}.toolbar-hidden .preview-toolbar,.toolbar-hidden .back-to-designs{display:none}.toolbar-hidden .show-toolbar{display:block}
/* Demo modal */
dialog{border:1px solid #d5d7cc;border-radius:22px;padding:35px 27px 25px;max-width:370px;width:calc(100% - 36px);color:#242b21;background:#f7f8f0;box-shadow:0 20px 70px #0004}dialog::backdrop{background:#09110bc4;backdrop-filter:blur(5px)}dialog h2{font-size:26px;font-weight:500;letter-spacing:-.045em;margin:14px 0}dialog p{font-size:13px;line-height:1.7;color:#65705f}dialog .eyebrow{color:#6f7c66;font-size:9px}.dialog-close{position:absolute;right:12px;top:10px;width:35px;height:35px;background:transparent;color:#65705f;font-size:25px}.dialog-done{background:#283923;color:#f0f3e9;border-radius:30px;padding:14px;width:100%;margin-top:12px;font-size:13px}
@media(hover:hover){.design-thumbnail:hover .mini-page{transform:translateY(-5px)}.mini-page{transition:transform .25s}.circle-arrow:hover{background:#c8f492;color:#17191a;border-color:#c8f492}.story:hover img{transform:scale(1.035)}.primary-link:hover{filter:brightness(1.07)}}
@media(min-width:1500px){.design-thumbnail{height:490px}.design-grid{gap:35px}}
@media(max-width:1000px){.catalog-shell{padding:0 30px}.design-grid{gap:17px}.design-thumbnail{height:390px;padding:22px 14px 0}.mini-name{font-size:17px}.mini-profile{padding-left:12px;padding-right:12px}.mini-page>.portrait{height:170px}.cover .mini-page>.portrait{height:310px}.cards .mini-page>.portrait{height:175px}.design-card h2{font-size:28px}.design-number{font-size:9px}.card-bottom{font-size:8px}.note-index{display:none}.intro-foot>span:last-child{font-size:9px}}
@media(max-width:700px){.catalog-shell{padding:0 22px}.studio-header{height:81px}.brand{font-size:20px;gap:8px}.brand-studio{font-size:12px}.brand-divider{margin:0 2px}.preview-badge{font-size:8px;padding:7px 8px;gap:6px}.catalog-intro{padding-top:47px}.catalog-intro>.eyebrow{font-size:9px;margin-bottom:25px;letter-spacing:.12em}.catalog-intro h1{font-size:clamp(34px,9.5vw,59px);letter-spacing:-.06em;line-height:1.1}.intro-description{font-size:13px;margin:23px 0 31px;line-height:1.75}.intro-foot{font-size:9px;align-items:flex-start}.intro-foot>span:last-child{max-width:120px;font-size:8px;line-height:1.6;text-align:right}.intro-foot svg{width:13px;height:13px}.design-grid{grid-template-columns:1fr;gap:36px;margin-top:25px;margin-bottom:39px}.design-thumbnail{height:440px;padding-top:29px}.mini-page{max-width:260px}.mini-page>.portrait{height:195px}.cover .mini-page>.portrait{height:345px}.cards .mini-page>.portrait{height:205px}.mini-name{font-size:20px}.design-card-heading{margin-top:18px}.design-card h2{font-size:33px;margin-top:5px}.design-number{font-size:10px}.design-card>p{max-width:100%;font-size:13px;margin:8px 0 16px}.card-bottom{font-size:9px}.ideas-note{align-items:flex-start;gap:13px;padding:22px 18px}.ideas-star{font-size:33px;line-height:1}.ideas-note h2{font-size:17px}.ideas-note p{font-size:12px}.catalog-footer{flex-direction:column;gap:7px;font-size:9px;padding:25px 0 30px}.back-to-designs{top:12px;left:12px;width:37px;height:37px;justify-content:center;padding:0;font-size:18px;background:#f8f8f0e8;border-color:#d2d6c8;color:#242b21}.back-to-designs span{display:none}.preview .page-topline{padding-left:62px}.preview.cover .page-topline{padding-top:23px}.preview-toolbar select{width:115px}.fanpage{box-shadow:none}}
@media(max-width:360px){.catalog-shell{padding:0 17px}.brand-studio{font-size:11px}.brand{font-size:18px;gap:6px}.preview-toolbar{gap:3px;padding:5px}.preview-toolbar select{width:102px}.screen-switch a{padding:9px;min-width:38px}.hide-toolbar{width:23px}.toolbar-grid{width:28px}.profile h1{font-size:32px}.preview.minimal .profile h1{font-size:35px}.preview.cover .profile h1{font-size:37px}.preview.cards .profile h1{font-size:33px}.primary-link{padding:17px;gap:10px}.primary-link strong{font-size:14px}.primary-link small{font-size:9px}.story{height:205px}.preview.cards .story{height:205px}.story-title{font-size:15px}.preview.cards .story-title{font-size:16px}.availability{font-size:8px}.page-topline{font-size:8px;gap:10px}}
@media(max-width:700px){.preview.cards .page-topline{padding-left:62px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}