/* Public pages: proportions and composition from the approved October design. */
@font-face{font-family:Geist;src:url('./geist.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{
 color-scheme:light;
 --page-bg:#fbfaf8;--text-primary:#0b1623;--text-secondary:#687482;--card-bg:#fff;
 --card-border:#e5e8e9;--accent:#19e5cf;--accent-hover:#47eedc;--accent-contrast:#03242c;
 --rail-accent:#18cbb7;--aqua-ink:#0ca99c;--obsidian:#041e29;--obsidian-soft:#0b3540;
 --on-obsidian:#f8fbfc;--muted-on-obsidian:#c5d1d6;--claude:#d97757;--openai:#10a37f;
 --blue:#388dc2;--green:#21bd92;--specialist-bg:#f6f5f2;--warm-shadow:#142b3520;
 --shadow:0 10px 30px #152f3910;
}
*{box-sizing:border-box}html,body{margin:0;background:var(--page-bg)}body{font-family:Geist,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--text-primary);-webkit-font-smoothing:antialiased}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit}a,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--aqua-ink);outline-offset:5px}svg{display:block;flex-shrink:0}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}[hidden]{display:none!important}.icon{width:21px;height:21px}.shell{width:min(1320px,calc(100% - 104px));margin-inline:auto}.skip-link{position:absolute;top:-90px;left:20px;padding:14px;background:var(--card-bg);color:var(--text-primary);z-index:20;border-radius:8px}.skip-link:focus{top:12px}
#public-site{position:relative;isolation:isolate;min-height:100%;background:var(--page-bg);color:var(--text-primary)}
.site-header{height:92px}.nav{height:100%;display:flex;align-items:center;gap:34px;position:relative}.brand{display:inline-flex;align-items:center;gap:7px;font-size:29px;font-weight:450;letter-spacing:-1.3px;white-space:nowrap}.brand svg{width:38px;height:43px;margin-left:-6px}.nav-links{display:flex;align-items:center;gap:32px;margin-left:clamp(35px,8vw,130px)}.nav-links a{font-size:14px;position:relative;padding:12px 0;color:var(--text-secondary)}.nav-links a[aria-current]{color:var(--text-primary);font-weight:550}.nav-links a[aria-current]::after{content:'';height:2px;background:var(--rail-accent);position:absolute;bottom:0;left:0;right:0}.nav-actions{margin-left:auto;display:flex;align-items:center;gap:28px}.sign-in{font-size:14px;font-weight:500}.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:14px 25px;min-height:50px;border:1px solid transparent;border-radius:28px;background:var(--accent);color:var(--accent-contrast);font-size:14px;font-weight:650;line-height:1.2;transition:background .16s}.button:hover{background:var(--accent-hover)}.button .icon{width:19px;height:19px}.nav-actions .button{min-height:45px;padding:11px 23px;font-size:13px}.button-obsidian{background:var(--obsidian);color:var(--on-obsidian);border-radius:14px}.button-obsidian:hover{background:var(--obsidian-soft)}.button-outline{color:var(--on-obsidian);background:transparent;border-color:color-mix(in srgb,var(--on-obsidian) 45%,transparent)}.button-outline:hover{background:color-mix(in srgb,var(--on-obsidian) 10%,transparent)}.menu-button{display:none;align-items:center;justify-content:center;border:1px solid var(--card-border);background:transparent;border-radius:12px;width:42px;height:42px}.mobile-nav{position:absolute;right:0;top:68px;width:220px;border:1px solid var(--card-border);background:var(--card-bg);border-radius:16px;padding:8px;box-shadow:var(--shadow);z-index:10}.mobile-nav a{display:block;padding:13px;border-radius:10px}.mobile-nav a:hover{background:color-mix(in srgb,var(--accent) 12%,var(--card-bg))}
/* A single office scene with HTML copy, just as in the approved hero. */
:root:has(#public-site[data-current-page=home]){--page-bg:var(--obsidian);color-scheme:dark}
#public-site[data-current-page=home]{--page-bg:var(--obsidian);--text-primary:var(--on-obsidian);--text-secondary:var(--muted-on-obsidian);--card-bg:var(--obsidian-soft);--card-border:color-mix(in srgb,var(--on-obsidian) 20%,transparent)}
#public-site[data-current-page=home] .site-header{position:absolute;inset:0 0 auto;z-index:3}
.office-hero{position:relative;width:100%;height:clamp(640px,50.6vw,930px);overflow:hidden}.hero-scene,.hero-art{position:absolute;inset:0;width:100%;height:100%}.hero-art{object-fit:cover;object-position:center}.hero-copy{position:relative;padding-top:clamp(150px,11.7vw,220px);margin-left:max(52px,calc((100% - 1320px)/2));width:49%;z-index:1}.hero-copy h1{font-size:clamp(44px,4.65vw,78px);font-weight:720;line-height:1.03;letter-spacing:-.046em}.hero-copy h1 span{display:block}.hero-accent{color:var(--accent)}.hero-description{font-size:clamp(18px,1.62vw,25px);line-height:1.4;color:var(--on-obsidian);letter-spacing:-.02em;margin-top:25px}.office-actions{display:flex;gap:16px;align-items:center;margin-top:35px}.office-actions .button{min-height:54px;padding-inline:28px}.office-actions .button-outline{min-width:240px;font-weight:500}.office-actions .button-outline .icon{display:none}.office-companion{margin-top:34px}.office-companion>strong{display:block;text-transform:uppercase;font-weight:500;font-size:10px;letter-spacing:2.8px;margin-bottom:14px;color:var(--muted-on-obsidian)}.provider-list{display:flex;align-items:center;gap:26px}.provider{display:inline-flex;align-items:center;gap:11px;font-size:19px;font-weight:600;letter-spacing:-.5px;white-space:nowrap}.provider>.icon{width:42px;height:42px}.provider-openai>.icon{background:var(--openai);color:var(--on-obsidian);padding:6px;border-radius:10px}.provider-claude{border-left:1px solid var(--card-border);padding-left:26px}.provider-claude>.icon{color:var(--claude)}
/* Platform: editorial copy, live specialist cards, then the four-step strip. */
.platform-shell{padding-top:32px;padding-bottom:8px}.page-intro h1{font-size:clamp(34px,3.96vw,58px);line-height:1.1;font-weight:710;letter-spacing:-.043em}.page-intro h1 span{color:var(--aqua-ink)}.page-intro>p{font-size:clamp(18px,1.72vw,26px);line-height:1.4;margin-top:11px;color:var(--text-secondary);letter-spacing:-.025em}.feature-tabs{display:flex;align-items:center;justify-content:center;gap:14px;margin:32px 0}.feature-tabs button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:10px 24px;border:1px solid var(--card-border);border-radius:28px;background:transparent;color:var(--text-secondary);font-size:14px;white-space:nowrap}.feature-tabs .icon{width:18px;height:18px}.feature-tabs [aria-selected=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast);font-weight:600}.feature-panel{display:grid;grid-template-columns:27% 73%;min-height:340px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.feature-copy{padding:32px 30px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;z-index:1}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:10px;font-weight:600}.feature-copy h2{font-size:clamp(23px,2.24vw,34px);line-height:1.13;letter-spacing:-.04em;margin-top:18px}.feature-copy p{font-size:16px;line-height:1.5;color:var(--text-secondary);max-width:285px;margin-top:13px}.feature-copy .button{font-size:13px;min-height:46px;padding:12px 22px;margin-top:23px}.feature-art{position:relative;min-width:0;min-height:340px;overflow:hidden;border-radius:16px;container-type:inline-size}.feature-background{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}.specialist-cards{position:absolute;inset:0}.specialist-card{position:absolute;bottom:9%;width:16.5%;min-height:52%;padding:17px 15px 15px;background:linear-gradient(135deg,var(--card-bg),var(--specialist-bg));color:var(--text-primary);border:1px solid color-mix(in srgb,var(--card-bg) 88%,var(--card-border));border-radius:13px;box-shadow:3px 10px 15px var(--warm-shadow);display:flex;flex-direction:column;transition:transform .16s}.specialist-card:hover{transform:translateY(-3px)}.specialist-0{left:3.5%;bottom:10%;transform:rotate(-1deg)}.specialist-1{left:21.5%;min-height:61%;bottom:9.5%;transform:rotate(.5deg)}.specialist-2{right:20.5%;min-height:58%}.specialist-3{right:2.5%;min-height:59%;transform:rotate(-1deg)}.specialist-icon{display:grid;place-items:center;width:39px;height:42px;border-radius:8px;background:var(--openai);color:var(--on-obsidian);margin-bottom:13px;box-shadow:inset 0 0 8px color-mix(in srgb,var(--card-bg) 28%,transparent)}.specialist-1 .specialist-icon{background:var(--blue)}.specialist-3 .specialist-icon{background:transparent;color:var(--blue);box-shadow:none}.specialist-3 .icon{width:34px;height:34px}.specialist-card strong{font-size:clamp(12px,1.67cqw,18px);line-height:1.15;letter-spacing:-.035em}.specialist-card p{font-size:clamp(9px,1.17cqw,13px);line-height:1.45;color:var(--text-secondary);margin-top:9px}.experience{display:flex;align-items:center;gap:25px;margin-top:22px;min-height:210px;padding:32px 42px;background:var(--obsidian);border-radius:18px;color:var(--on-obsidian);position:relative;overflow:hidden;isolation:isolate}.experience::before,.experience::after{content:'';z-index:-1;position:absolute;width:47%;height:120%;border-radius:50%;pointer-events:none;border-top:2px solid color-mix(in srgb,var(--accent) 40%,transparent);background:radial-gradient(ellipse at top,color-mix(in srgb,var(--accent) 28%,transparent),transparent 60%);filter:blur(.5px);transform:rotate(-14deg)}.experience::before{left:-20%;bottom:-94%}.experience::after{right:-20%;top:-60%;transform:rotate(166deg)}.experience-heading{width:25%;flex-shrink:0}.experience-heading .eyebrow{color:var(--muted-on-obsidian);font-size:10px}.experience h2{font-size:32px;line-height:1.18;letter-spacing:-.035em;margin-top:13px;font-weight:600}.experience ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));flex:1;gap:20px}.experience li{text-align:center;position:relative}.step-icon{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;margin:0 auto 11px;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);background:radial-gradient(circle at 35% 20%,color-mix(in srgb,var(--accent) 25%,transparent),transparent 75%);box-shadow:0 0 14px color-mix(in srgb,var(--accent) 10%,transparent)}.step-icon .icon{width:29px;height:29px}.experience strong{display:block;font-size:15px;font-weight:600}.experience li small{display:block;color:var(--muted-on-obsidian);font-size:12px;line-height:1.5;margin-top:7px}.experience li>.icon{position:absolute;right:-20px;top:27px;width:19px;color:var(--muted-on-obsidian);opacity:.7}
/* Plans preserve the original three-column composition. */
.pricing-shell{padding-top:22px;padding-bottom:38px;position:relative}.pricing-overview{display:grid;grid-template-columns:32% 68%;align-items:start;gap:0}.pricing-intro{padding:30px 24px 0 0}.pricing-intro h1{font-size:clamp(40px,4.05vw,60px);line-height:1.06;font-weight:710;letter-spacing:-.045em}.pricing-intro>p{font-size:clamp(18px,1.65vw,25px);line-height:1.35;letter-spacing:-.02em;color:var(--text-secondary);margin-top:19px}.separate-services{margin-top:45px}.separate-services .provider-list{gap:22px}.separate-services .provider{font-size:17px;gap:10px}.separate-services .provider-claude{padding-left:22px}.separate-services .provider>.icon{width:40px;height:40px}.separate-services small{display:block;color:var(--text-secondary);font-size:11px;margin-top:15px;line-height:1.5}.plans{display:grid;grid-template-columns:1fr 1fr;gap:18px}.plan{display:flex;flex-direction:column;border:1px solid var(--card-border);border-radius:16px;padding:0 29px 24px;background:var(--card-bg);box-shadow:var(--shadow);min-width:0;min-height:470px;overflow:hidden}.plan-art{position:relative;height:150px;flex-shrink:0;margin:0 -29px;overflow:hidden}.starter-art{background:linear-gradient(180deg,var(--page-bg),var(--card-bg))}.starter-art>img{height:164px;width:100%;object-fit:contain;object-position:center;position:absolute;bottom:-13px}.plan h2{font-size:34px;letter-spacing:-.04em;line-height:1.1;font-weight:700;margin:0}.plan>p{color:var(--text-secondary);font-size:17px;margin-top:5px}.plan ul{list-style:none;padding:0;margin:23px 0;display:grid;gap:11px}.plan li{display:flex;align-items:center;gap:10px;font-size:14px;line-height:1.35}.plan li .icon{color:var(--aqua-ink);width:17px;height:17px;flex-shrink:0}.plan>.button{width:100%;margin-top:auto;min-height:49px;border-radius:15px}.plan-pro{background:var(--obsidian);border-color:var(--obsidian);color:var(--on-obsidian)}.plan-pro h2{color:var(--accent)}.plan-pro>p{color:var(--muted-on-obsidian)}.plan-pro li .icon{color:var(--accent)}.pro-art{background:radial-gradient(ellipse at 40% 30%,var(--obsidian-soft),transparent 73%)}.pro-art::after{content:'';position:absolute;bottom:13px;left:8%;right:8%;height:13px;border-radius:50%;background:color-mix(in srgb,var(--accent) 16%,transparent);filter:blur(5px)}.pro-art>img{position:absolute;left:8%;bottom:4px;width:51%;height:147px;object-fit:contain;z-index:1}.pro-tile{position:absolute;display:grid;place-items:center;right:26%;top:17px;width:44px;height:52px;background:var(--on-obsidian);border:1px solid color-mix(in srgb,var(--card-bg) 65%,transparent);border-radius:7px;color:var(--blue);transform:rotate(-3deg);box-shadow:0 7px 12px var(--warm-shadow);z-index:1}.pro-tile>.icon{width:27px;height:27px}.pro-chart{right:9%;top:35px;background:var(--blue);color:var(--on-obsidian);transform:rotate(3deg)}.pro-person{right:26%;top:81px;color:var(--aqua-ink);transform:rotate(2deg)}.pro-whatsapp{right:9%;top:99px;background:var(--green);color:var(--on-obsidian);height:38px;transform:rotate(-2deg)}.apps-detail{margin-top:30px;padding:30px;border:1px solid var(--card-border);border-radius:18px;background:var(--card-bg)}.apps-detail h2{font-size:28px;letter-spacing:-.04em}.apps-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin:28px 0}.apps-grid article>.icon{width:29px;height:29px;color:var(--aqua-ink);margin-bottom:14px}.apps-grid h3{font-size:16px;margin-bottom:10px}.apps-grid p{font-size:14px;color:var(--text-secondary);line-height:1.5}.site-footer{display:flex;justify-content:space-between;align-items:center;padding:22px 0;gap:25px;color:var(--text-secondary);font-size:11px}.site-footer nav{display:flex;gap:24px}.site-footer small{font-size:11px}.site-footer a{padding:8px 0}
@media(min-width:1700px){.hero-copy{padding-top:210px;width:700px}.hero-copy h1{font-size:78px}}
@media(max-width:1180px){.shell{width:calc(100% - 64px)}.site-header{height:82px}.nav{gap:24px}.nav-links{margin-left:28px;gap:24px}.nav-actions{gap:20px}.brand{font-size:26px}.hero-copy{margin-left:32px;padding-top:150px;width:52%}.hero-copy h1{font-size:clamp(44px,4.75vw,58px)}.hero-description{font-size:18px}.desktop-break{display:none}.office-actions{gap:12px;flex-wrap:wrap;margin-top:25px}.office-actions .button{padding:12px 20px;min-height:48px;font-size:13px}.office-actions .button-outline{min-width:0}.office-companion{margin-top:25px}.feature-copy{padding:26px 22px}.feature-copy p{font-size:14px}.feature-art,.feature-panel{min-height:310px}.specialist-card{padding:13px 11px}.specialist-icon{width:32px;height:36px;margin-bottom:10px}.experience{padding:29px 26px;gap:18px}.experience h2{font-size:27px}.experience-heading{width:23%}.experience ol{gap:14px}.experience li>.icon{right:-16px}.pricing-overview{grid-template-columns:31% 69%}.pricing-intro h1{font-size:40px}.pricing-intro>p{font-size:19px}.plan{padding-inline:22px}.plan-art{margin-inline:-22px}.plan li{font-size:12px}.separate-services .provider-list{gap:14px}.separate-services .provider{font-size:14px;gap:7px}.separate-services .provider-claude{padding-left:14px}.separate-services .provider>.icon{width:32px;height:32px}}
@media(max-width:900px){.nav-links{gap:19px;margin-left:12px}.nav-actions .button{padding-inline:17px;font-size:12px}.nav-actions{gap:18px}.brand{font-size:24px}.brand svg{width:32px}.feature-tabs{gap:8px}.feature-tabs button{padding-inline:19px;font-size:12px}.feature-panel{grid-template-columns:28% 72%}.feature-copy{padding:22px 18px}.feature-copy h2{font-size:24px}.feature-copy .button{font-size:11px;padding-inline:15px}.specialist-card p{font-size:9px}.experience-heading{width:24%}.experience h2{font-size:24px}.experience li small{font-size:10px}.experience strong{font-size:13px}.step-icon{width:48px;height:48px}.experience{padding:27px 22px;min-height:185px}.pricing-intro{padding-top:26px}.pricing-intro h1{font-size:35px}.pricing-intro>p{font-size:17px}.plan{padding:0 20px 21px}.plan-art{margin-inline:-20px;height:130px}.plan h2{font-size:30px}.plan>p{font-size:14px}.plans{gap:13px}.plan>.button{font-size:12px}.pro-art>img{height:125px}.pro-tile{width:34px;height:44px}.pro-person{top:70px}.pro-chart{top:27px}.pro-whatsapp{top:84px;height:34px}.separate-services .provider-list{flex-wrap:wrap;gap:12px}.separate-services .provider-claude{border:0;padding:0}.apps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.shell{width:calc(100% - 36px)}.site-header{height:76px}.nav{gap:12px}.nav-links,.nav-actions .sign-in{display:none}.nav-actions{gap:10px}.nav-actions .button{min-height:40px;padding:10px 14px;font-size:11px;gap:7px}.nav-actions .button .icon{width:16px}.brand{font-size:24px;gap:4px}.brand svg{width:29px}.menu-button{display:flex}.office-hero{height:auto;min-height:0;display:flex;flex-direction:column;padding-top:114px}.hero-copy{margin:0 22px;width:auto;padding:0;order:-1}.hero-copy h1{font-size:clamp(34px,7.7vw,55px);line-height:1.05}.hero-description{margin-top:21px;font-size:18px;max-width:440px}.office-actions{margin-top:25px;gap:12px;flex-wrap:wrap}.office-actions .button{font-size:12px;min-height:46px;padding-inline:18px}.office-companion{margin-top:27px}.office-companion>strong{font-size:9px;margin-bottom:12px}.provider{font-size:17px}.provider>.icon{width:37px;height:37px}.hero-scene{position:relative;height:365px;margin-top:10px;overflow:hidden}.hero-art{width:200%;max-width:none;left:-100%;object-fit:cover;object-position:right center}.hero-scene::before{content:'';position:absolute;top:0;left:0;right:0;height:70px;z-index:1;background:linear-gradient(var(--obsidian),transparent)}.platform-shell{padding-top:28px}.page-intro h1{font-size:36px;line-height:1.1}.page-intro>p{font-size:19px;line-height:1.45;margin-top:14px}.feature-tabs{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding:5px 3px 10px;margin:21px -3px 14px;gap:8px;scrollbar-width:thin}.feature-tabs button{flex-shrink:0;padding:10px 18px;min-height:42px}.feature-panel{display:flex;flex-direction:column;min-height:0}.feature-copy{padding:26px}.feature-copy h2{font-size:29px;margin-top:13px}.feature-copy p{font-size:15px;max-width:100%;margin-top:10px}.feature-copy .button{font-size:13px;min-height:43px;margin-top:20px}.feature-art{min-height:290px;border-radius:14px;width:100%}.feature-background{object-fit:cover}.specialist-card{width:23%;padding:11px 8px;bottom:7%;min-height:0;height:153px;border-radius:9px}.specialist-0{left:1.5%;bottom:9%;transform:none}.specialist-1{left:26%;bottom:5%;height:165px}.specialist-2{right:26%;bottom:5%;height:165px}.specialist-3{right:1.5%;bottom:9%;height:153px;transform:none}.specialist-icon{width:26px;height:28px;margin-bottom:8px;border-radius:5px}.specialist-icon>.icon{width:18px;height:18px}.specialist-card strong{font-size:11px;letter-spacing:-.035em}.specialist-card p{font-size:9px;line-height:1.35;margin-top:6px}.feature-art:has(.specialist-cards){min-height:380px}.feature-art:has(.specialist-cards) .feature-background{height:280px;object-fit:cover;object-position:center top}.feature-art:has(.specialist-cards){background:var(--specialist-bg)}.experience{display:block;padding:29px 25px;margin-top:18px}.experience-heading{width:auto}.experience h2{font-size:28px;margin-top:12px}.experience ol{margin-top:30px;grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 23px}.experience li>.icon{display:none}.experience strong{font-size:14px}.experience li small{font-size:12px}.step-icon{width:54px;height:54px}.pricing-shell{padding-top:26px;padding-bottom:10px}.pricing-overview{display:flex;flex-direction:column}.pricing-intro{padding:0 0 27px;width:100%}.pricing-intro h1{font-size:44px}.pricing-intro>p{font-size:21px;margin-top:16px}.separate-services{margin-top:25px}.separate-services .provider-list{gap:22px}.separate-services .provider{font-size:17px}.separate-services .provider>.icon{width:36px;height:36px}.separate-services .provider-claude{padding-left:22px;border-left:1px solid var(--card-border)}.separate-services small{font-size:11px;margin-top:12px}.plans{grid-template-columns:1fr;width:100%;gap:20px}.plan{min-height:470px;padding:0 27px 25px}.plan-art{margin-inline:-27px;height:154px}.starter-art>img{height:175px;bottom:-16px}.plan h2{font-size:34px}.plan>p{font-size:17px}.plan li{font-size:14px}.plan ul{gap:13px;margin-block:22px}.plan>.button{font-size:14px;min-height:50px}.pro-art>img{height:152px;left:13%;width:45%}.pro-tile{width:43px;height:49px;right:27%;top:20px}.pro-chart{right:11%;top:35px}.pro-person{top:80px}.pro-whatsapp{right:11%;top:98px;height:39px}.apps-detail{padding:24px;margin-top:22px}.apps-detail h2{font-size:27px}.apps-grid{grid-template-columns:1fr;gap:25px}.site-footer{padding-block:22px;font-size:10px}.site-footer nav{gap:20px}}
@media(max-width:359px){.nav-actions>.button{display:none}.hero-copy h1{font-size:32px}.office-actions .button{width:100%}.office-actions{gap:10px}.specialist-card{padding-inline:6px}.specialist-card strong{font-size:10px}.specialist-card p{font-size:8.5px}.hero-scene{height:330px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
/* Keep specialist descriptions readable on phones while retaining all four. */
@media(max-width:767px){.feature-art:has(.specialist-cards){min-height:0}.feature-art:has(.specialist-cards) .feature-background{height:270px}.specialist-cards{position:relative;inset:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:225px 14px 16px}.specialist-card{position:relative;inset:auto;transform:none;width:auto;height:auto;min-height:165px;padding:15px;border-radius:11px}.specialist-card strong{font-size:14px;line-height:1.2}.specialist-card p{font-size:12px;line-height:1.4}.specialist-icon{width:30px;height:32px}.specialist-icon>.icon{width:21px;height:21px}}

/* Account actions keep the approved responsive placement with touch targets. */
.nav-actions > .button { min-height: 44px; }
.menu-button { width: 44px; min-width: 44px; height: 44px; }
.mobile-nav a { min-height: 44px; }
@media (min-width: 768px) { .nav-actions .sign-in { display: inline-flex; align-items: center; min-height: 44px; } }
.mobile-feature-picker { display: none; }
@media (max-width: 767px) {
  .nav { height: 68px; }
  .nav-actions > .button { min-height: 44px; font-size: 12px; padding-inline: 12px; }
  .menu-button { width: 44px; height: 44px; }
  .office-hero { padding-top: 96px; }
  .hero-copy { margin-inline: 20px; padding: 0; }
  .hero-description { font-size: 17px; margin-top: 16px; }
  .office-actions { gap: 10px; margin-top: 22px; }
  .office-actions .button { min-height: 46px; font-size: 13px; }
  .office-companion { margin-top: 24px; }
  .hero-scene { height: 290px; margin-top: 10px; }
  .page-intro h1 { font-size: 31px; }
  .page-intro > p { font-size: 17px; }
  .feature-tabs { display: none; }
  .mobile-feature-picker { display: grid; gap: 8px; margin: 24px 0 16px; color: var(--text-secondary); font-size: 13px; }
  .mobile-feature-picker select { width: 100%; min-height: 48px; padding: 10px 14px; border: 1px solid var(--card-border); border-radius: 12px; background: var(--card-bg); color: var(--text-primary); font: inherit; font-size: 16px; }
  .feature-copy { padding: 24px; }
  .feature-copy h2 { font-size: 26px; }
  .specialist-cards { margin-top: 170px; gap: 10px; }
  .specialist-card { min-height: 150px; }
  .pricing-intro h1 { font-size: 34px; }
  .pricing-intro > p { font-size: 18px; }
  .pricing-overview { gap: 22px; }
  .plans { gap: 16px; }
  .plan { display: grid; grid-template-columns: minmax(0, 1fr) 106px; gap: 4px 8px; min-height: 0; padding: 22px; }
  .plan-art { grid-column: 2; grid-row: 1 / 3; height: 100px; margin: -10px -10px 0 0; }
  .plan h2 { grid-column: 1; grid-row: 1; align-self: end; font-size: 28px; }
  .plan > p { grid-column: 1; grid-row: 2; align-self: start; font-size: 14px; }
  /* The individual price is an additional row below the mobile tagline. */
  .plan > p:has(> strong) { grid-column: 1 / -1; grid-row: 3; }
  .plan ul { grid-column: 1 / -1; margin: 16px 0; gap: 12px; }
  .plan > .button { grid-column: 1 / -1; min-height: 48px; font-size: 14px; }
  .starter-art img { width: 116px; height: 110px; max-width: none; bottom: -8px; }
  .pro-art > img { width: 86px; height: 92px; left: 0; }
  .pro-art .pro-tile { width: 24px; height: 28px; right: 26px; top: 10px; }
  .pro-art .pro-tile .icon { width: 16px; height: 16px; }
  .pro-art .pro-chart { right: 0; top: 24px; }
  .pro-art .pro-person { top: 44px; }
  .pro-art .pro-whatsapp { right: 0; top: 60px; height: 24px; }
  .site-footer a { display: inline-flex; align-items: center; min-height: 44px; font-size: 12px; }
}

/* Free, Starter and Pro share the existing plan card system. */
.free-art { display: grid; place-items: center; background: var(--page-bg); color: var(--obsidian); }
.free-art > svg { width: 68px; height: 86px; }
.plan > .plan-note { font-size: 12px; line-height: 1.5; margin: auto 0 16px; }
.plan-free > .button { margin-top: 0; }
.plan-free > .button-outline { color: var(--text-primary); border-color: var(--text-primary); }
.plan-free > .button-outline:hover { background: var(--page-bg); }
.plan-free > .button-outline:focus-visible { outline-color: var(--text-primary); }
@media (min-width: 768px) {
  .pricing-overview { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .pricing-intro { display: grid; grid-template-columns: 1fr 1fr; column-gap: 36px; padding: 0; }
  .pricing-intro .separate-services { grid-column: 2; grid-row: 1 / 3; margin-top: 0; }
  .plans { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  .plan > .plan-note { grid-column: 1 / -1; grid-row: auto; margin: 0 0 12px; }
}

/* Pro-only trial: keep the paid offer distinct and reuse existing theme tokens. */
.plan-pro > .plan-trial-price { color: var(--on-obsidian); font-size: 18px; margin-top: 16px; }
.plan-trial-price > strong { font-size: 36px; line-height: 1.1; letter-spacing: -.04em; }
.plan-pro > .plan-paid-price { font-size: 13px; line-height: 1.5; }
.plan-note > span { display: block; }
.plan-note > span + span { margin-top: 8px; }
.plan-pro > .plan-details { margin-top: 10px; color: var(--on-obsidian); border-color: var(--muted-on-obsidian); }
.plan-pro > .plan-details:hover { background: var(--obsidian-soft); }
.plan-pro > .plan-details:focus-visible { outline-color: var(--accent); }
@media (max-width: 767px) {
  .plan-pro > .plan-trial-price { grid-column: 1 / -1; grid-row: 3; }
  .plan-pro > .plan-paid-price { grid-column: 1 / -1; grid-row: 4; }
}