sup { line-height: 0; }
/* Shared form styling. Page-specific dimensions remain in their layouts. */
#signup input[type=email],#investor-login input{border-radius:999px}
#code-form input::placeholder,#investor-login input[name=code]::placeholder{font-size:16px;letter-spacing:normal}

/* One soft focus glow, shared by standalone text fields and compound input surfaces. */
:root{--input-focus-glow:0 0 18px 4px rgba(255,95,168,.4)}
.input-glow:focus-within:not(:disabled):not([aria-disabled=true]){box-shadow:var(--input-focus-glow)}
.input-glow:is(input,textarea):focus,.input-glow input:focus{outline:none}
.input-glow:is(input,textarea):disabled{box-shadow:none}
#signup,#domain-search,#code-form,#investor-login,.referrals .invite{overflow:visible}
/* Preserve error semantics and visible error borders while focused fields keep the glow. */
.input-glow[aria-invalid=true],.input-glow:has(input[aria-invalid=true]){border-color:var(--theme-bad)!important}
@media(forced-colors:active){
 .input-glow:focus-within:not(:disabled):not([aria-disabled=true]){box-shadow:none;outline:2px solid Highlight;outline-offset:4px}
 .input-glow input:focus-visible,.input-glow button:focus-visible{outline:2px solid Highlight!important;outline-offset:2px}
}
#code-form input::placeholder{font-family:'Hanken Grotesk',sans-serif}

/* Signed-in home actions stay inline at narrow mobile widths. */
.home-actions{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:clamp(8px,2.5vw,24px);width:100%;min-width:0;font-size:clamp(11px,3.4vw,18px);line-height:1.25}
.home-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:52px;white-space:nowrap;text-decoration:none}
.home-actions .home-search{padding:12px clamp(8px,2vw,24px);border-radius:999px;background:var(--theme-accent-fill);color:var(--theme-on-accent);font-weight:700}
@media(max-width:767px){.home-actions .home-search{padding-inline:clamp(24px,6vw,72px)}}
.home-actions .home-skip{gap:.3em;color:var(--theme-text);text-decoration:underline;text-underline-offset:4px}
.home-actions a:focus-visible{outline:2px solid var(--theme-focus);outline-offset:4px}
@media(forced-colors:active){.home-actions a:focus-visible{outline-color:Highlight}.home-actions .home-search{border:1px solid ButtonText}}

/* Keep the waitlist search prompt and CTA centered together on mobile only. */
.waitlist-page,.home-find-section{--waitlist-section-space:clamp(40px,5vw,64px)}
.waitlist-search-section{border-block:1px solid var(--theme-line-subtle)}
/* Plum banner surfaces stay plum in both device themes, including older browsers. */
.waitlist-search-section{background:#48283E;border-color:#48283E}
.waitlist-search-section h2,.waitlist-search-section p{color:#FFF9F5!important}
.waitlist-search{justify-content:space-between;padding-block:var(--waitlist-section-space);gap:var(--waitlist-section-space) 24px}
@media(max-width:767px){.waitlist-search{flex-direction:column;justify-content:center;text-align:center}}
@media(min-width:768px){.home-find-section .waitlist-search{gap:50px}}

/* Preserve native readonly-input selection/copy while containing long referral URLs. */
.referrals,.referrals .invite{min-width:0;max-width:100%}
#s3-ref{overflow-x:scroll;white-space:nowrap;min-width:0;max-width:100%}

/* Halve only the pink referral card's horizontal inset on mobile. */
.waitlist-page .referrals{--referral-inline-space:clamp(28px,4vw,48px)}
@media(max-width:767px){.waitlist-page .referrals{--referral-inline-space:clamp(14px,2vw,24px)}}

/* Let the referral background meet both viewport edges on mobile. */
@media(max-width:767px){
 .waitlist-referral-section{width:100%;max-width:none!important;padding-inline:0!important;padding-top:0!important}
 .waitlist-referral-section .referrals{border-radius:0!important;padding-block:var(--waitlist-section-space)!important}
}

/* Username and supplied verification badge form one unbroken tilted lockup. */
.username-lockup{display:inline-flex;align-items:center;gap:.16em;white-space:nowrap;transform:rotate(-3deg);font-size:min(1em,10vw)}
.username-lockup .username-verified{display:block;flex:none;width:.85em;height:.85em;color:var(--theme-verified)}

/* Device-selected palette. Static dark values remain a fallback for older browsers. */
:root{color-scheme:dark;--theme-example-muted:#77726C;--theme-error-page:#FFF;--theme-error-text:#202124;
 --theme-text:#F3EFEA;
 --theme-muted:#C9C4BE;
 --theme-placeholder:#8B8680;
 --theme-page:#0F0F0F;
 --theme-focus:#FF5FA8;
 --theme-subdued:#A8A39D;
 --theme-line:#3A3936;
 --theme-status:#FF9DC7;
 --theme-soft:#F3EFEA;
 --theme-on-accent:#0F0F0F;
 --theme-accent-fill:#FF5FA8;
 --theme-line-strong:#F3EFEA;
 --theme-panel:#1A1A1A;
 --theme-line-subtle:#2C2B29;
 --theme-accent-text:#FF5FA8;
 --theme-text-white:#FFFFFF;
 --theme-line-ink:#0F0F0F;
 --theme-white-panel:#FFFFFF;
 --theme-text-short-white:#FFF;
 --theme-line-input:#A8A39D;
 --theme-code-panel:#191919;
 --theme-line-ticket:#45433F;
 --theme-line-control:#666;
 --theme-on-accent-black:#000;
 --theme-investor-panel:#1D1C1A;
 --theme-good:#8BCFA0;
 --theme-premium-fill:#F5C672;
 --theme-on-premium:#6F4708;
 --theme-warn:#F5C672;
 --theme-bad:#FF9B9B;
 --theme-verified:#22C55E;
}
@supports (color:light-dark(white,black)){
 :root{color-scheme:light dark;--theme-example-muted:light-dark(#665A63,#77726C);--theme-error-page:light-dark(#F8F3EA,#FFF);--theme-error-text:light-dark(#29212B,#202124);
  --theme-text:light-dark(#29212B,#F3EFEA);
  --theme-muted:light-dark(#665A63,#C9C4BE);
  --theme-placeholder:light-dark(#665A63,#8B8680);
  --theme-page:light-dark(#F8F3EA,#0F0F0F);
  --theme-focus:light-dark(#9C315C,#FF5FA8);
  --theme-subdued:light-dark(#665A63,#A8A39D);
  --theme-line:light-dark(#B6A5AF,#3A3936);
  --theme-status:light-dark(#9C315C,#FF9DC7);
  --theme-soft:light-dark(#EEE5DC,#F3EFEA);
  --theme-on-accent:light-dark(#29212B,#0F0F0F);
  --theme-accent-fill:light-dark(#F3A4C5,#FF5FA8);
  --theme-line-strong:light-dark(#B6A5AF,#F3EFEA);
  --theme-panel:light-dark(#FFFCF7,#1A1A1A);
  --theme-line-subtle:light-dark(#B6A5AF,#2C2B29);
  --theme-accent-text:light-dark(#9C315C,#FF5FA8);
  --theme-text-white:light-dark(#29212B,#FFFFFF);
  --theme-line-ink:light-dark(#B6A5AF,#0F0F0F);
  --theme-white-panel:light-dark(#FFFCF7,#FFFFFF);
  --theme-text-short-white:light-dark(#29212B,#FFF);
  --theme-line-input:light-dark(#B6A5AF,#A8A39D);
  --theme-code-panel:light-dark(#FFFCF7,#191919);
  --theme-line-ticket:light-dark(#B6A5AF,#45433F);
  --theme-line-control:light-dark(#B6A5AF,#666);
  --theme-on-accent-black:light-dark(#29212B,#000);
  --theme-investor-panel:light-dark(#FFFCF7,#1D1C1A);
  --theme-good:light-dark(#19734B,#8BCFA0);
  --theme-warn:light-dark(#805400,#F5C672);
  --theme-bad:light-dark(#A62B40,#FF9B9B);
  --theme-verified:light-dark(#19734B,#22C55E);
 }
 /* Native fields and scrollbars follow the same preference as paired colors. */
 @media(prefers-color-scheme:dark){:root{color-scheme:dark}}
 @media(prefers-color-scheme:light){
  :root{color-scheme:light}
  .username-examples{background:#EEE5DC}
  .referrals{background:#EEDBE4!important}
  .referrals .invite{background:#FFFCF7!important}
  #copy{background:#48283E!important;color:#FFF9F5!important}
  .best{background:#EEDBE4}
  .ticket{background:#EEE5DC}
  .filters [aria-pressed=true]{background:#48283E;color:#FFF9F5}
  .price-badge.included{background:#E0ECDD;color:#19734B;border-color:#19734B}
 }
}
/* Let the page surface show through. An opaque results section paints over the
   preceding search form's focus shadow where the two sections meet. */
.search-results,#search-rows,.result-toolbar{background:transparent}
/* Footer is a fixed dark island, regardless of the page or native control preference. */
body>footer.site-footer{color-scheme:dark;background:#0F0F0F;color:#F3EFEA}
.site-footer input,.site-footer select,.site-footer textarea,.site-footer button{color-scheme:dark}

body>footer.site-footer{--theme-example-muted:#77726C;--theme-error-page:#FFF;--theme-error-text:#202124;
 --theme-text:#F3EFEA;
 --theme-muted:#C9C4BE;
 --theme-placeholder:#8B8680;
 --theme-page:#0F0F0F;
 --theme-focus:#FF5FA8;
 --theme-subdued:#A8A39D;
 --theme-line:#3A3936;
 --theme-status:#FF9DC7;
 --theme-soft:#F3EFEA;
 --theme-on-accent:#0F0F0F;
 --theme-accent-fill:#FF5FA8;
 --theme-line-strong:#F3EFEA;
 --theme-panel:#1A1A1A;
 --theme-line-subtle:#2C2B29;
 --theme-accent-text:#FF5FA8;
 --theme-text-white:#FFFFFF;
 --theme-line-ink:#0F0F0F;
 --theme-white-panel:#FFFFFF;
 --theme-text-short-white:#FFF;
 --theme-line-input:#A8A39D;
 --theme-code-panel:#191919;
 --theme-line-ticket:#45433F;
 --theme-line-control:#666;
 --theme-on-accent-black:#000;
 --theme-investor-panel:#1D1C1A;
 --theme-good:#8BCFA0;
 --theme-warn:#F5C672;
 --theme-bad:#FF9B9B;
 --theme-verified:#22C55E;
}

/* Finder rows: all domain details beneath the name, with a consistent right-hand action. */
#search-rows li{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px}
#search-rows .domain-name{display:block}
#search-rows .result-detail{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;text-align:left;margin-top:0;min-width:0;max-width:100%}
#search-rows .result-detail>*{display:inline-flex;align-items:center;min-width:0;max-width:100%;overflow-wrap:anywhere}
#search-rows .availability-spinner{flex:none}
#search-rows .domain-line{min-width:0}
#search-rows .domain-line .domain-name{min-width:0;overflow-wrap:anywhere}
.result-select{justify-self:end;display:inline-flex;align-items:center;justify-content:center;gap:6px;box-sizing:border-box;width:112px;height:44px;min-height:44px;padding:12px 22px;border:1px solid var(--theme-line-control);border-radius:999px;background:var(--theme-accent-fill);color:var(--theme-on-accent);font:700 15px 'Hanken Grotesk',sans-serif}
.result-select .select-icon{width:18px;height:18px;flex:none;fill:currentColor}
.result-select .availability-spinner{margin:0}
.result-select:disabled{background:var(--theme-soft);color:var(--theme-muted);cursor:not-allowed;opacity:.65}
.result-select[aria-pressed=true]{border-color:var(--theme-accent-text);text-decoration:underline;text-underline-offset:3px}
.availability-spinner{display:inline-block;vertical-align:-2px;width:12px;height:12px;margin-right:8px;border:2px solid var(--theme-line);border-top-color:var(--theme-accent-text);border-radius:50%;animation:search-spin .7s linear infinite}
@media(prefers-reduced-motion:reduce){.availability-spinner{animation:none}}
@media(max-width:420px){.result-select{width:96px;padding-inline:14px}#search-rows li{gap:12px}}

.home-skip .right-arrow-icon{width:1em;height:1em;flex:none;fill:currentColor}

#search-best .best-action{display:flex;flex:0 0 auto;width:auto;min-width:0;margin-left:auto;justify-content:flex-end}
#choose-username.result-select{width:168px;max-width:100%;height:66px;min-height:66px;padding:18px 33px;font-size:22.5px;gap:9px;border-width:1.5px}
#choose-username .select-icon{width:27px;height:27px}
@media(max-width:767px){#search-best .best-action{flex-basis:100%;width:100%;margin-left:0}#choose-username.result-select{width:100%}}
@media(max-width:420px){#choose-username.result-select{padding-inline:21px}}

.price-badge.availability-unknown{background:#403913;color:#F6D974;border-color:#F6D974}
.price-badge.availability-unavailable{background:#482B19;color:#FFBA82;border-color:#FFBA82}
@supports(color:light-dark(white,black)){
 .price-badge.availability-unknown{background:light-dark(#FFF2BE,#403913);color:light-dark(#6B4F00,#F6D974);border-color:light-dark(#6B4F00,#F6D974)}
 .price-badge.availability-unavailable{background:light-dark(#FFE3CB,#482B19);color:light-dark(#803A0B,#FFBA82);border-color:light-dark(#803A0B,#FFBA82)}
}

/* Finder actions share the existing plum accent and automatic theme colors. */
.result-select{--action-plum:#48283E;--action-on-plum:#FFFFFF;transition:background-color .15s,color .15s,border-color .15s}
.result-select[data-action=check]:not(:disabled),.result-select[data-action=check][aria-busy=true]{background:var(--theme-panel);color:var(--theme-accent-text);border-color:var(--theme-accent-text)}
.result-select[aria-busy=true]{opacity:1;cursor:progress}
.result-select[data-action=select]:not(:disabled):is(:hover,:focus-visible){background:var(--action-plum);color:var(--action-on-plum);border-color:var(--action-plum)}
.result-select[data-action=check]:not(:disabled):is(:hover,:focus-visible){background:var(--theme-accent-fill);color:var(--theme-on-accent);border-color:var(--theme-accent-text)}
.result-select:focus-visible{outline:2px solid var(--theme-focus);outline-offset:4px}
@media(prefers-reduced-motion:reduce){.result-select{transition:none}}

#selection-error:empty{display:none}
#selection-error{color:var(--theme-bad)}
.result-select[data-action=success]{background:var(--theme-good);border-color:var(--theme-good);color:#0F0F0F;text-decoration:none}
@supports(color:light-dark(white,black)){.result-select[data-action=success]{color:light-dark(#FFFFFF,#0F0F0F)}}
.result-select[data-action=success]:not(:disabled):is(:hover,:focus-visible){background:#19734B;border-color:#19734B;color:#FFFFFF}
.result-select[data-action=select][aria-busy=true]{background:var(--theme-accent-fill);color:var(--theme-on-accent)}

/* Pricing uses shared automatic-theme tokens; footer retains its own dark scope. */
.pricing-body{margin:0;background:var(--theme-page);color:var(--theme-text);font:18px/1.55 'Hanken Grotesk',sans-serif}.pricing-body *{box-sizing:border-box}.pricing-page{max-width:1312px;margin-inline:auto!important;padding:64px clamp(20px,4vw,64px) 80px}.pricing-page button{font:inherit;cursor:pointer}.pricing-page button:focus-visible,.pricing-table:focus-visible,.pricing-skip:focus-visible{outline:2px solid var(--theme-focus);outline-offset:4px}.pricing-skip{position:absolute;top:-100px;left:16px}.pricing-skip:focus{top:12px}.pricing-hero{text-align:center;max-width:960px;margin:auto}.pricing-hero h1{font:400 clamp(52px,8vw,104px)/1 'Instrument Serif',serif;letter-spacing:-.025em;margin:0 0 28px}.pricing-highlight{display:inline-block;background:var(--theme-accent-fill);color:var(--theme-on-accent);padding:0 .12em;transform:rotate(-3deg);font-style:italic}.pricing-hero p{max-width:740px;margin:20px auto;color:var(--theme-muted)}.pricing-hero .pricing-notice{font-size:14px}.pricing-toggle{display:flex;justify-content:center;gap:4px;margin:36px auto 40px;width:fit-content;max-width:100%;padding:5px;border:1px solid var(--theme-line-control);border-radius:40px;background:var(--theme-panel)}.pricing-toggle button{border:0;border-radius:30px;padding:12px 18px;min-height:44px;background:transparent;color:var(--theme-text);font-size:15px}.pricing-toggle button[aria-pressed=true]{background:var(--theme-accent-fill);color:var(--theme-on-accent)}.pricing-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:20px}.pricing-plan{position:relative;min-width:0;display:flex;flex-direction:column;gap:20px;padding:32px 28px;border:1px solid var(--theme-line-control);border-radius:28px;background:var(--theme-panel)}.pricing-plan h2{font:400 48px/1.1 'Instrument Serif',serif;margin:0 0 10px}.pricing-plan p{margin:0;color:var(--theme-muted);min-height:56px}.pricing-featured{background:var(--theme-accent-fill);color:var(--theme-on-accent)}.pricing-featured p{color:inherit}.pricing-recommended{align-self:flex-start;font:600 12px 'JetBrains Mono',monospace;border:1px solid currentColor;border-radius:20px;padding:6px 12px;margin-top:-46px;background:var(--theme-accent-fill);color:var(--theme-on-accent)}.pricing-price{font:14px 'JetBrains Mono',monospace;white-space:nowrap}.pricing-price strong{font:400 clamp(60px,6vw,84px)/1 'Instrument Serif',serif}.pricing-bill{font-size:14px;min-height:52px}.pricing-bill b{display:inline-block;margin-left:6px}.pricing-bill button{border:0;padding:0;background:transparent;color:inherit;text-decoration:underline;min-height:32px}.pricing-action{border:1px solid transparent;border-radius:999px;min-height:48px;padding:12px 22px;background:var(--theme-accent-fill);color:var(--theme-on-accent);font-weight:600!important}.pricing-featured .pricing-action{background:var(--theme-on-accent);color:var(--theme-accent-fill)}.pricing-page .pricing-action:hover{background:#48283e;color:#fff}.pricing-selected{outline:3px solid var(--theme-accent-text);outline-offset:4px}.pricing-includes{border-top:1px solid currentColor;padding-top:20px;font-weight:600;font-size:15px}.pricing-plan ul{list-style:none;padding:0;margin:0;font-size:16px}.pricing-plan li{padding:0 0 12px 24px;position:relative}.pricing-plan li:before{content:'✓';position:absolute;left:0}.pricing-page[data-billing=annual] .pricing-monthly,.pricing-page[data-billing=monthly] .pricing-annual{display:none}#pricing-selection{min-height:28px;text-align:center;font-size:14px}.pricing-start{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:32px 0 60px}.pricing-start h2,.pricing-compare h2{font:400 clamp(36px,5vw,56px)/1.1 'Instrument Serif',serif;margin:0}.pricing-start p{font-size:13px;color:var(--theme-muted);margin-bottom:0}.pricing-compare>p{color:var(--theme-muted)}.pricing-table{overflow-x:auto;border:1px solid var(--theme-line-control);border-radius:20px;margin-top:32px}.pricing-table table{width:100%;border-collapse:collapse;table-layout:fixed}.pricing-table th,.pricing-table td{padding:22px;text-align:left;vertical-align:top;border-bottom:1px solid var(--theme-line);overflow-wrap:anywhere;font-size:16px}.pricing-table thead{background:var(--theme-panel)}.pricing-table small{display:block;font:12px/1.6 'JetBrains Mono',monospace;margin-top:8px}.pricing-table .pricing-group{font:400 36px 'Instrument Serif',serif;color:var(--theme-accent-text);background:var(--theme-panel)}.pricing-table tbody:last-child tr:last-child>*{border-bottom:0}@media(max-width:600px){.pricing-page{padding-top:40px}.pricing-start{flex-direction:column;align-items:flex-start}.pricing-table th,.pricing-table td{padding:12px 8px;font-size:13px}.pricing-table small{font-size:10px}.pricing-table .pricing-group{font-size:30px}.pricing-table .highlight{transform:none}.pricing-toggle button{padding:12px;font-size:14px}}

/* Full-width pricing CTA shares the waitlist section's theme and spacing. */
.pricing-page{max-width:none;padding:0;--waitlist-section-space:clamp(40px,5vw,64px)}
.pricing-top,.pricing-compare{max-width:1312px;margin-inline:auto;padding:64px clamp(20px,4vw,64px) 0}
.pricing-compare{padding-bottom:80px}
.pricing-start{display:block;padding:0}
.pricing-start-inner{max-width:1312px;margin:0 auto;padding-inline:clamp(20px,4vw,64px);display:flex;flex-wrap:wrap;align-items:center}
.pricing-start h2{font:400 clamp(36px,4vw,56px)/1 'Instrument Serif',serif}
.pricing-start .pricing-action{min-height:52px;padding:14px 26px;font-weight:700!important}
@media(max-width:767px){.pricing-top{padding-top:40px}.pricing-start-inner{align-items:center}.pricing-start-inner>div{max-width:100%}}

/* Authored title emphasis: Markdown *em* inherits each title's existing metrics. */
.content-title em{display:inline-block;font-weight:600;font-style:italic;background:var(--theme-accent-fill);color:var(--theme-on-accent);padding:0 .14em;transform:rotate(-3.5deg)}
.content-title.confirmation-title em{transform:rotate(-3deg)}

.pricing-hero h1 em{display:inline-block;font-weight:600;background:var(--theme-accent-fill);color:var(--theme-on-accent);font-style:italic;padding:0 .12em;transform:rotate(-3deg)}

/* Keep the prefix contiguous with typed text; retain outer and button spacing. */
#domain-search{column-gap:0}
#domain-search #search-query{padding-left:0}
#domain-search .search-hint{left:0}
#domain-search #search-submit{margin-left:6px}

.waitlist-search-copy{flex:1;min-width:0}.waitlist-search>.button{flex:none}.waitlist-selected-description,.home-find-description{font-family:'Hanken Grotesk',sans-serif;font-size:clamp(18px,1.6vw,21px);line-height:1.5;margin:20px 0 0;overflow-wrap:anywhere}.waitlist-search{flex-wrap:nowrap}@media(max-width:767px){.waitlist-search-copy{width:100%}.waitlist-search>.button{align-self:center}}

/* Logged-out hero secondary action stays a plain, accessible text link. */
.home-find-secondary{display:inline-flex;align-items:center;justify-content:center;align-self:center;gap:8px;min-height:44px;color:var(--theme-text);font-size:inherit;text-decoration:none}
.home-find-secondary:hover{color:var(--theme-accent-text);text-decoration:underline;text-underline-offset:3px}
.home-find-secondary .right-arrow-icon{width:1em;height:1em;flex:none;fill:currentColor}

/* Features v3.C: existing brand layout, with approved illustrative example screens. */
.features-page{margin:0;background:var(--theme-page);color:var(--theme-text);font-family:'Hanken Grotesk',sans-serif}
.features-page *{box-sizing:border-box}.features-container{width:min(100%,1312px);margin-inline:auto;padding-inline:clamp(20px,4vw,64px)}
.features-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,80px)}
.features-hero{background:var(--theme-panel);padding-block:clamp(40px,6vw,80px)}
.features-page h1,.features-page h2,.features-page h3{font-family:'Instrument Serif',Georgia,serif;font-weight:400;letter-spacing:-.025em;margin:0;line-height:1.02;text-wrap:balance}
.features-page h1{font-size:clamp(60px,9vw,128px)}.features-page h1 em{font-style:italic;text-decoration:underline;text-decoration-color:var(--theme-accent-fill);text-decoration-thickness:.04em;text-underline-offset:.08em}
.features-page h2{font-size:clamp(40px,4.5vw,64px)}.features-page h3{font-size:clamp(34px,3.5vw,50px)}
.features-page p{font-size:clamp(18px,1.6vw,21px);line-height:1.5;color:var(--theme-muted);margin:20px 0 0;overflow-wrap:anywhere}
.features-page img{display:block;max-width:100%;width:100%;height:auto;border-radius:12px;background:#FAF7F2}
.features-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:36px}.features-page .button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 30px;border-radius:999px;background:var(--theme-accent-fill);color:var(--theme-on-accent);font:700 18px 'Hanken Grotesk',sans-serif;text-decoration:none}
.features-page .button:hover{background:#48283E;color:#F8F3EA}.features-more{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--theme-text);text-underline-offset:5px}.features-more svg{width:1em;height:1em;fill:currentColor}
.features-page a:focus-visible{outline:2px solid var(--theme-focus);outline-offset:4px}.features-how{padding-block:64px 24px;scroll-margin-top:24px}.features-heading h2{font-size:clamp(44px,5.8vw,76px)}.features-heading{text-align:center;max-width:820px;margin:auto auto 24px}
.features-step{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:center;padding-block:40px}
.features-step-copy{display:flex;gap:24px;align-items:flex-start}.features-number{width:68px;height:68px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--theme-accent-fill);color:var(--theme-on-accent);font:38px 'Instrument Serif',serif}
.features-feeds{background:color-mix(in srgb,var(--theme-accent-fill) 15%,var(--theme-page));padding-block:40px}.features-portability{padding-block:48px 0}.features-portability>div{padding-bottom:48px}.features-portability>img{align-self:end;background:transparent;border-radius:0}.features-portability .features-actions{margin-top:24px}
@media(max-width:767px){.features-grid,.features-step{grid-template-columns:minmax(0,1fr)}.features-hero h1{max-width:560px}.features-hero img{max-width:520px;margin-inline:auto}.features-heading{margin-bottom:12px}.features-step{gap:24px;padding-block:32px}.features-step-reverse>img{order:2}.features-step-copy{gap:16px}.features-number{width:52px;height:52px;font-size:30px}.features-actions{gap:16px}.features-page .button{padding-inline:24px}.features-feeds img,.features-portability img{max-width:520px;margin-inline:auto}}

.features-page .skip{position:absolute;left:20px;top:-100px;background:var(--theme-panel);padding:12px;z-index:10}.features-page .skip:focus{top:10px}


.features-step-copy>div{flex:1;min-width:0}

/* Reusable reader illustration: vector icon and decorative redacted text. */
.feed-reader{container-type:inline-size;width:100%;max-width:440px;margin:0 auto;color:var(--theme-text)}
.feed-reader-card{display:grid;grid-template-columns:20% minmax(0,1fr);grid-template-rows:repeat(3,minmax(0,1fr));align-items:center;gap:6% 4%;aspect-ratio:430/295;padding:5%;border:1px solid rgb(255 255 255 / .7);border-radius:5cqw;background:#fff;box-shadow:0 2px 8px rgb(85 9 55 / .09)}
.feed-reader-icon{display:block;width:100%;height:auto;aspect-ratio:1;justify-self:center}
.features-page .feed-reader-avatar{display:block;width:90%;height:auto;aspect-ratio:1;border-radius:50%;background:#e2e2e2;object-fit:cover;margin:0;justify-self:center}
.feed-reader-lines{display:flex;flex-direction:column;justify-content:center;gap:3.5cqw;min-width:0}
.feed-reader-bar{display:block;width:100%;height:4.6cqw;border-radius:999px;background:#e2e2e2}
.feed-reader-bar-short{width:77%}

/* Reusable illustrative browser; address centering is independent of stoplights. */
.browser-illustration,.window-illustration{container-type:inline-size;display:flex;flex-direction:column;width:100%;aspect-ratio:397/451;min-width:0;overflow:hidden;border:1px solid #e9e3df;border-radius:2.2% / 1.94%;background:#fffdf8;color:#58586c;box-shadow:0 3px 16px rgb(85 9 55 / .06)}
.browser-toolbar,.window-toolbar{position:relative;display:grid;place-items:center;flex:none;height:10cqw;min-height:34px;background:#f6f4ee;border-bottom:1px solid #e9e3df}
.browser-stoplights{position:absolute;left:4cqw;display:flex;gap:1.4cqw}
.browser-stoplights span{width:2.4cqw;height:2.4cqw;min-width:6px;min-height:6px;border-radius:50%;background:#ff6058}
.browser-stoplights span:nth-child(2){background:#ffbd2e}.browser-stoplights span:nth-child(3){background:#28c840}
.browser-address{display:inline-flex;align-items:center;gap:1.4cqw;width:max-content;max-width:64%;padding:1.2cqw 2.4cqw;border-radius:999px;background:#fffdf8;color:#58586c;font:600 clamp(10px,2.8cqw,17px)/1.2 'Hanken Grotesk',sans-serif}
.browser-address svg{display:block;flex:none;width:3cqw;height:3cqw;min-width:11px;min-height:11px}.browser-address span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.browser-content{flex:1;min-height:0;overflow:hidden}.browser-document{display:block;width:100%;height:100%;border:0;background:#fffdf8}
.browser-document:focus-visible{outline:3px solid var(--theme-focus);outline-offset:-3px}

/* Overlapping V: website and inbox behind the foreground reader. */
.features-feed-lockup{container-type:inline-size;min-width:0;width:100%}
.features-feed-flow{position:relative;isolation:isolate;width:100%;aspect-ratio:1/.80}
.feed-source-browser{position:absolute;left:0;top:0;width:44%;min-width:0;z-index:1}
.feed-source-browser .browser-illustration{aspect-ratio:1}
.feed-source-browser .browser-toolbar{height:10cqw;min-height:24px}
.feed-source-browser .browser-stoplights span{min-width:4px;min-height:4px}
.feed-source-browser .browser-address{font-size:clamp(8px,2.8cqw,10px);gap:1cqw;padding:1cqw 1.5cqw;max-width:70%}
.feed-source-browser .browser-address svg{min-width:8px;min-height:8px}
.feed-source-browser .browser-content{position:relative}
.feed-source-browser .browser-document{position:absolute;inset:0;width:200%;height:200%;max-width:none;transform:scale(.5);transform-origin:top left}
.features-feed-flow>.email-inbox{position:absolute;right:0;top:6.907cqw;width:44%;z-index:1}
.features-feed-flow>.feed-reader:not(.email-inbox){position:absolute;left:28%;bottom:0;width:44%;z-index:2}
.email-inbox-icon-tile{display:grid;place-items:center;justify-self:center;width:100%;aspect-ratio:1;border-radius:20%;background:#f9d2d8;color:#48283e}
.email-inbox-icon{display:block;width:85%;height:85%}
.email-inbox-profile{position:relative;display:block;width:90%;aspect-ratio:1;justify-self:center}
.features-page .email-inbox-profile>.feed-reader-avatar{width:100%}
.email-inbox-unread{position:absolute;width:12%;min-width:5px;aspect-ratio:1;border-radius:50%;background:#276acf;right:calc(100% + 10%);top:44%}

/* Hero uses a genuine desktop document viewport, scaled uniformly into its chrome. */
.features-hero .browser-content{--hero-page-scale:calc(100cqw / 1280px);position:relative}
.features-hero .browser-document{position:absolute;inset:0;width:1280px;max-width:none;height:calc(100% / var(--hero-page-scale));transform:scale(var(--hero-page-scale));transform-origin:top left}

/* Labeled steps, not a numeric percentage. Only the first current item is active. */
.progress-bar{--progress-dot-size:16px;--progress-line:color-mix(in srgb,var(--theme-muted) 24%,transparent);display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:0;box-sizing:border-box;min-width:0;width:100%;max-width:100%;padding:0;list-style:none;margin:0;color:var(--theme-muted);font:500 13px/1.4 'Hanken Grotesk',sans-serif}
.progress-bar-step{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0;text-align:center}
.progress-bar-step:not(:last-child)::after{content:'';position:absolute;top:calc(var(--progress-dot-size)/2 - 1px);left:calc(50% + var(--progress-dot-size)/2 + 4px);right:calc(-50% + var(--progress-dot-size)/2 + 4px);height:2px;background:var(--progress-line)}
.progress-bar-dot{display:block;flex:none;width:var(--progress-dot-size);height:var(--progress-dot-size);border:2px solid var(--progress-line);border-radius:50%;background:var(--theme-page)}
.progress-bar-label{display:block;max-width:100%;padding-inline:4px;overflow-wrap:anywhere;hyphens:auto}
.progress-bar-step.is-current{color:var(--theme-text);font-weight:700}.progress-bar-step.is-current .progress-bar-dot{background:var(--theme-accent-fill);border-color:var(--theme-accent-fill)}
.features-step .progress-bar{margin-top:24px}

.features-step-copy>div{flex:1;min-width:0}
/* Hide only baked-in progress strips; original form/composer image bytes remain intact. */
.features-step-illustration{min-width:0;overflow:hidden;border-radius:12px}

/* Features reuses the finder input; only its section sizing is local. */
.username-search{min-width:0;width:100%}
.features-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}
.username-search-form{width:100%}
.username-search :focus-visible{outline:2px solid var(--theme-focus);outline-offset:4px}

/* Reusable app window, distinct from address-bearing browser chrome. */
.window-illustration{max-height:540px;min-height:360px;background:var(--theme-panel);color:var(--theme-text)}
.window-toolbar{height:44px;min-height:44px;font:600 15px 'Hanken Grotesk',sans-serif;color:#58586c}
.window-content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable}
.window-content:focus-visible{outline:2px solid var(--theme-focus);outline-offset:-3px}
.profile-editor{--editor-avatar-size:clamp(72px,20cqw,104px);font:16px/1.4 'Hanken Grotesk',sans-serif;color:var(--theme-text)}
.features-page .profile-editor-banner{width:100%;height:clamp(110px,28cqw,160px);object-fit:cover;border-radius:0;display:block}
.profile-editor-fields{padding:0 24px 24px;min-width:0}
.features-page .profile-editor-avatar{display:block;width:var(--editor-avatar-size);height:var(--editor-avatar-size);object-fit:cover;border-radius:50%;border:3px solid var(--theme-panel);margin:0;position:relative}
.profile-editor label{display:block;margin:18px 0 8px;font-size:14px;font-weight:600}
.profile-editor input,.profile-editor textarea{display:block;box-sizing:border-box;width:100%;min-width:0;padding:12px 14px;border:1px solid var(--theme-line-control);border-radius:10px;background:var(--theme-page);color:var(--theme-text);font:inherit}
.profile-editor input{min-height:46px}.profile-editor textarea{min-height:120px;resize:vertical}
.profile-editor :is(input,textarea,button):focus-visible{outline:2px solid var(--theme-focus);outline-offset:3px}
.profile-editor fieldset{min-width:0;border:0;padding:0;margin:24px 0}.profile-editor legend{padding:0;font-weight:600}.profile-editor-links>legend{font-size:20px}.profile-editor-links>fieldset>legend{font-size:14px;color:var(--theme-muted)}
.profile-editor-save{display:block;width:100%;min-height:48px;padding:12px 20px;border:0;border-radius:999px;background:var(--theme-accent-fill);color:var(--theme-on-accent);font:700 16px 'Hanken Grotesk',sans-serif;cursor:pointer}
.profile-editor-save:hover{background:#48283e;color:#fff9f5}.features-page .profile-editor-note{font:14px/1.5 'Hanken Grotesk',sans-serif;color:var(--theme-muted);text-align:center;margin:12px 0 0}
@media(max-width:767px){.features-step-reverse>.window-illustration{order:2}.profile-editor-fields{padding-inline:18px}}

.profile-editor .profile-editor-add{display:inline-flex;align-items:center;min-height:44px;padding:0;border:0;border-radius:0;background:none;color:var(--theme-accent-text);font:inherit;cursor:pointer}
.profile-editor .profile-editor-add:hover{text-decoration:underline;text-underline-offset:3px}

.profile-editor-banner-wrap{position:relative}
.profile-editor-avatar-wrap{position:relative;width:var(--editor-avatar-size);height:var(--editor-avatar-size);margin-top:calc(var(--editor-avatar-size) / -2);margin-bottom:24px}
.profile-editor .profile-editor-camera{position:absolute;display:grid;place-items:center;width:44px;height:44px;padding:9px;border:2px solid #fff9f5;border-radius:50%;background:#48283e;color:#fff9f5;cursor:pointer}
.profile-editor-camera svg{display:block;width:22px;height:22px}
.profile-editor-camera-banner{right:12px;bottom:12px}
.profile-editor-camera-avatar{right:0;bottom:0}
.profile-editor .profile-editor-camera:hover{background:#291724}

.features-feed-arrows{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;color:var(--theme-accent-text)}

/* Local-only composer illustration inside the shared app window. */
.features-composer-window{min-width:0;width:100%}
.features-composer-window>.window-illustration{aspect-ratio:4/3;min-height:400px}
.features-composer-window .window-content{scrollbar-gutter:auto}
.post-composer{padding:0;height:100%;min-height:100%;display:flex;flex-direction:column;gap:12px;font:16px/1.5 'Hanken Grotesk',sans-serif;color:var(--theme-text)}
.post-composer-toolbar{display:flex;align-items:center;gap:0;border-bottom:1px solid var(--theme-line-subtle);padding:2px 18px;flex:none}
.post-composer-toolbar button{display:grid;place-items:center;min-width:0;height:44px;padding:9px;border:0;border-radius:8px;background:transparent;color:inherit;cursor:pointer}
.post-composer svg{width:22px;height:22px;display:block}
.post-composer-toolbar button{justify-items:start;padding-inline:0}
.post-composer-toolbar button:hover{background:var(--theme-page)}
.post-composer-tools{display:grid;grid-template-columns:repeat(8,minmax(24px,32px));min-width:0;flex:0 1 256px}
.post-composer textarea{display:block;flex:1;width:100%;margin:0;min-height:120px;max-height:420px;resize:vertical;border:0;border-radius:0;padding:8px 18px;background:var(--theme-panel);color:var(--theme-text);font:inherit;line-height:1.6}
.post-composer-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 18px 18px;flex:none}
.post-composer-post{flex:none;min-height:44px;padding:10px 28px;border:0;border-radius:999px;background:var(--theme-accent-fill);color:var(--theme-on-accent);font:700 16px 'Hanken Grotesk',sans-serif;cursor:pointer}
.features-page .post-composer-note{font:14px/1.4 'Hanken Grotesk',sans-serif;color:var(--theme-muted);margin:0;min-width:0}
.post-composer :is(button,textarea):focus-visible{outline:2px solid var(--theme-focus);outline-offset:2px}

@media(max-width:767px){.features-how>.features-heading{text-align:center}.features-step-copy{flex-direction:column;align-items:center;text-align:center}.features-step-copy>div{width:100%}}

@media(max-width:359px){.post-composer-toolbar{padding-inline:18px}.post-composer-tools{flex-basis:192px}}

@media(max-width:767px){.profile-editor .profile-editor-camera{padding:0;border:0;background:transparent}.profile-editor-camera::before{content:'';position:absolute;right:0;bottom:0;width:32px;height:32px;box-sizing:border-box;border:2px solid #fff9f5;border-radius:50%;background:#48283e}.profile-editor-camera svg{position:absolute;right:8px;bottom:8px;z-index:1;width:16px;height:16px}.profile-editor-camera:hover::before{background:#291724}}