.feature-label{margin:0 0 16px;color:var(--green);font:700 11px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.15em}.connect-flow{position:relative;display:flex;align-items:center;gap:38px}.connect-flow>div{width:190px;height:170px;border:1px solid #4b574f;border-radius:22px;background:#171d19;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;box-shadow:0 25px 70px #0008}.connect-flow img{max-width:110px;max-height:47px}.connect-flow>div:first-child img{filter:brightness(0) invert(1)}.connect-flow span{color:#aeb7b1;font-size:12px}.connect-flow>b{color:var(--green);font-size:26px}.website-preview{position:relative;width:78%;height:78%;padding:44px;border-radius:18px;background:#edf1ed;color:#111;box-shadow:0 30px 90px #0009}.website-preview>small{font-size:8px;letter-spacing:.16em}.website-preview>h4{font:500 34px/1.1 Georgia,serif;margin:30px 0}.embed-chat{position:absolute;right:24px;bottom:22px;width:280px;padding:13px;border-radius:16px;background:#101612;color:#fff;box-shadow:0 18px 50px #0006}.embed-head{display:flex;gap:8px;align-items:center;padding-bottom:10px;border-bottom:1px solid #303832;font-size:10px}.embed-head img{width:20px}.embed-chat p{padding:9px 10px;border-radius:9px;font-size:9px;margin:9px 0}.visitor-bubble{margin-left:25px!important;background:#e7ede9;color:#121512}.assistant-bubble{background:#1d2721}.embed-input{margin-top:10px;border:1px solid #344038;border-radius:999px;padding:9px 11px;color:#7c8780;font-size:8px}.embed-input b{float:right;color:var(--green)}@media(max-width:1000px){.connect-flow>div{width:160px}}@media(max-width:700px){.connect-flow{gap:14px}.connect-flow>div{width:130px;height:140px}.connect-flow img{max-width:85px}.website-preview{width:90%;padding:25px}.embed-chat{width:230px}}
.tool-logos .tool-logo--filament{filter:brightness(0) invert(1);opacity:1}

/* Codex-scale hero media: the product capture is the surface, without browser chrome or a caption card. */
.hero-product-wrap{width:min(1430px,calc(100% - 48px));height:auto;aspect-ratio:16/9;max-width:none;margin:-105px auto 0;padding:0;position:relative;z-index:3}
.hero-product{position:relative;width:100%;height:100%;overflow:hidden;border-radius:14px;background:#eef1ef;box-shadow:0 50px 120px rgba(0,0,0,.46)}
.hero-product-image{display:block;width:100%;height:100%;object-fit:cover;object-position:top left}

.feature-product-image{position:relative;z-index:1;display:block;width:88%;height:82%;object-fit:cover;object-position:top left;border-radius:10px;box-shadow:0 35px 100px #000b}

.interface-art--screenshot{position:relative;background:#eef1ef}
.interface-art--screenshot>img{display:block;width:100%;height:100%;object-fit:cover;object-position:top left}
.interface-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.docs-art{background:radial-gradient(circle at 82% 15%,rgba(53,211,153,.32),transparent 34%),linear-gradient(145deg,#173326,#07100b)}
.docs-mini{width:86%;height:78%;display:grid;grid-template-columns:27% 1fr;overflow:hidden;border:1px solid rgba(255,255,255,.26);border-radius:13px;background:var(--cream);color:#121713;box-shadow:0 26px 70px rgba(0,0,0,.42)}
.docs-mini aside{padding:18px 13px;background:#15221b}
.docs-mini aside img{width:21px;margin-bottom:20px}
.docs-mini aside i{display:block;height:8px;margin:12px 0;border-radius:3px;background:#2d3b33}
.docs-mini aside i:nth-of-type(2){background:#35d399}
.docs-mini main{padding:25px 17px}
.docs-mini main>small{color:#16815a;font:700 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}
.docs-mini h4{margin:10px 0 22px;font-size:17px;line-height:1.2;letter-spacing:-.03em}
.docs-mini main>span{display:flex;align-items:center;gap:8px;margin:9px 0;padding:9px;border-radius:7px;background:rgba(17,37,27,.07);font-size:8px}
.docs-mini main>span b{color:#16815a;font:700 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace}

/* The browser companion is a first-party TROPIKAL access surface, not a developer-site download. */
.companion{padding:115px 58px 155px;scroll-margin-top:80px;background:linear-gradient(180deg,#000 0%,#0d1510 44%,#000 100%)}
.companion-inner{max-width:1320px;margin:auto;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(360px,.96fr);column-gap:90px;row-gap:40px;align-items:center}
.companion-copy{grid-column:1;grid-row:1}
.companion-copy h2{max-width:650px;margin:0 0 26px;font-size:60px;line-height:1.02;letter-spacing:-.055em}
.companion-copy>p:not(.feature-label){max-width:660px;margin:0;color:#bec5c0;font-size:18px;line-height:1.65}
.companion-proof{display:flex;flex-wrap:wrap;gap:12px 25px;margin:28px 0;color:#dfe5e1;font-size:13px;font-weight:600}
.companion-proof span{display:flex;align-items:center;gap:9px}
.companion-proof span::before{content:'✓';display:grid;width:20px;height:20px;place-items:center;border-radius:50%;background:#173225;color:var(--green);font-size:11px}
.companion-download{margin-top:4px;border:0}
.companion-copy>small{display:block;margin-top:12px;color:#7e8982;font-size:11px}
.companion-install{grid-column:1;grid-row:2;margin:0}
.companion-install h3{margin:0 0 20px;font-size:13px;letter-spacing:.12em;text-transform:uppercase}
.companion-install ol{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0;padding:0;list-style:none}
.companion-install li{display:grid;grid-template-columns:28px 1fr;gap:9px;color:#aeb7b1;font-size:11px;line-height:1.5}
.companion-install li b{display:grid;width:27px;height:27px;place-items:center;border-radius:50%;background:#14251b;color:var(--green);font-size:10px}
.companion-install>p{margin:22px 0 0;color:#7f8b83;font-size:10px;line-height:1.5}
.companion-stage{grid-column:2;grid-row:1/3;display:grid;place-items:center;min-width:0;min-height:0;margin:0;padding:clamp(18px,3vw,38px);background:radial-gradient(circle at 50% 42%,rgba(52,211,153,.18),transparent 58%)}
.companion-panel{width:min(390px,100%);min-height:650px;height:auto;padding:20px 18px 16px;border-radius:23px;background:#0c130f;color:#edf2ee;box-shadow:0 30px 80px #0008;display:flex;flex-direction:column}
.companion-panel header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:22px}
.companion-panel header div{display:flex;flex-direction:column}
.companion-panel header small{color:#3c8d61;font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.17em}
.companion-panel header strong{margin-top:6px;font-size:19px}
.companion-panel header>span{color:#aeb7b1;font-size:11px}
.companion-site{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}
.companion-site small{color:#aab4ad;font-size:10px;font-weight:700}
.companion-site b{display:flex;justify-content:space-between;padding:12px 13px;border-radius:10px;background:#162019;font-size:11px}
.companion-site i{font-style:normal;color:#9aa69e}
.companion-thread{display:flex;flex-direction:column;gap:9px}
.companion-message{max-width:90%;margin:0;padding:11px 13px;border-radius:13px;font-size:11px;line-height:1.5}
.companion-message--user{align-self:flex-end;background:#34734e}
.companion-message--assistant{background:#172019}
.companion-review{margin-top:auto;padding:13px;border-radius:13px;background:#302919}
.companion-review>strong{font-size:12px}
.companion-review>p{margin:6px 0 10px;color:#d4ccb7;font-size:10px;line-height:1.45}
.companion-review>div{display:flex;justify-content:flex-end;gap:7px}
.companion-review>div span{padding:7px 11px;border-radius:8px;background:#19231d;color:#e9eeeb;font-size:10px;font-weight:700}
.companion-review>div span:last-child{background:#34734e}
.companion-composer{margin-top:12px;padding-top:12px}
.companion-composer-field{display:block;height:56px;padding:11px;border-radius:10px;background:#101713;color:#737e77;font-size:10px}
.companion-page-option{margin:8px 0;color:#9ba69f;font-size:9px}
.companion-page-option i{display:inline-block;width:10px;height:10px;margin-right:5px;border-radius:2px;background:#26332b;vertical-align:-1px}
.companion-send{display:grid;height:35px;place-items:center;border-radius:9px;background:#34734e;font-size:11px;font-weight:700}
.companion-panel footer{margin-top:11px;padding-top:10px;background:none;color:#69746d;font-size:8px}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
:where(a,button):focus-visible{outline:2px solid var(--green);outline-offset:4px}

/* Minimal floating navigation and warm TROPIKAL actions. */
:root{--cream:#f4f0e9}
.site-header{top:12px;padding:0 16px;background:transparent;border:0;backdrop-filter:none;mix-blend-mode:difference}
.site-header.is-scrolled{background:transparent;border:0;backdrop-filter:none}
.header-inner{height:62px;max-width:1440px;padding:0 12px 0 18px;grid-template-columns:1fr auto;background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.site-header.is-scrolled .header-inner{background:transparent;border-color:transparent}
.header-actions{gap:18px}
.brand,.header-actions .text-link,.header-actions .button--light{mix-blend-mode:normal}
.header-actions .text-link{color:#fff;font-weight:600;transition:opacity .2s}
.header-actions .text-link:hover{opacity:.7}
.button--light,.plan a,.interface-card>a{background:var(--cream);color:#101711;border:1px solid rgba(255,255,255,.55);box-shadow:0 8px 24px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.72)}
.button--light:hover,.plan a:hover,.interface-card>a:hover{background:#fffaf0;transform:translateY(-2px)}
.header-actions .button--light{background:transparent;color:#fff;border-color:#fff;box-shadow:none}
.header-actions .button--light:hover{background:transparent;color:#fff;border-color:#fff;box-shadow:none}
.button,.plan a,.interface-card>a{transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease}

/* One clear website-AI promise with a visible Swiss infrastructure boundary. */
.language-switch{display:flex;align-items:center;gap:5px;color:#fff;font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;mix-blend-mode:normal}
.language-switch button{appearance:none;padding:6px 2px;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;opacity:.48}
.language-switch button[aria-pressed="true"]{opacity:1;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.language-switch span{opacity:.35}
.hero .hero-line{max-width:780px;margin:0 auto 13px}
.hero-actions{display:flex;align-items:center;justify-content:center;gap:23px}
.hero-login{color:#fff;font-size:14px;font-weight:600;text-decoration:none;transition:opacity .2s ease}
.hero-login:hover{opacity:.7}
.hero-sovereignty{width:max-content;max-width:100%;margin:22px auto 0;padding:9px 15px;display:grid;grid-template-columns:21px auto;column-gap:8px;align-items:center;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(5,8,6,.32);color:#eef3ef;text-align:left;text-decoration:none;backdrop-filter:blur(10px)}
.hero-sovereignty>span{position:relative;grid-row:1/3;width:18px;height:18px;border-radius:2px;background:#da291c}
.hero-sovereignty>span::before,.hero-sovereignty>span::after,.swiss-proof__mark::before,.swiss-proof__mark::after{content:"";position:absolute;inset:50% auto auto 50%;background:#fff;transform:translate(-50%,-50%)}
.hero-sovereignty>span::before{width:10px;height:3px}
.hero-sovereignty>span::after{width:3px;height:10px}
.hero-sovereignty b{font-size:10px;line-height:1.2}
.hero-sovereignty small{color:#aeb7b1;font-size:8px;line-height:1.2}
.trust--early{padding-top:185px;padding-bottom:105px}
.trust--early>.feature-label{text-align:center;margin-bottom:24px}
.trust--early .section-title{margin-bottom:70px}
.membership .section-title{width:min(760px,100%)}
.swiss-proof{width:min(1430px,calc(100% - 48px));margin:0 auto 40px;border-radius:20px;background:var(--cream);color:#141814;overflow:hidden}
.swiss-proof__inner{min-height:330px;padding:60px 68px;display:grid;grid-template-columns:110px minmax(0,850px);gap:48px;align-items:center;background:radial-gradient(circle at 10% 10%,rgba(53,211,153,.23),transparent 29%)}
.swiss-proof__mark{position:relative;width:90px;height:90px;border-radius:0;background:#da291c;box-shadow:0 20px 50px rgba(218,41,28,.18)}
.swiss-proof__mark::before{width:54%;height:18%}
.swiss-proof__mark::after{width:18%;height:54%}
.swiss-proof__copy .feature-label{margin-bottom:18px;color:#16815a}
.swiss-proof__copy h2{max-width:650px;margin:0 0 21px;font-size:48px;line-height:1.05;letter-spacing:-.05em}
.swiss-proof__copy>p:not(.feature-label){max-width:700px;margin:0 0 25px;color:#4e5a52;font-size:16px;line-height:1.65}
.swiss-proof__copy>a{color:#141814;font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.editorial{padding-top:175px}
.usage-note{max-width:790px;margin:30px auto 0!important;color:#8d958f!important;text-align:center;font-size:11px!important;line-height:1.6}
.final-actions{display:flex;align-items:center;justify-content:center;gap:23px}
.final-actions>a:not(.button){color:#e5e9e6;font-size:13px;text-decoration:none}
.final-actions>a:not(.button):hover{text-decoration:underline;text-underline-offset:4px}

/* Shared parchment surface from tropikal.dev. */
.trust .control-grid article{background:var(--cream);color:#141814}
.trust .control-grid h3{color:#141814}
.trust .control-grid p{color:#5f685f}
.trust .control-grid span{color:#16815a}
body>footer{background:var(--cream);color:#141814}
body>footer .brand,body>footer a{color:#141814}
body>footer .brand img{filter:brightness(0)}
body>footer .footer-bottom{border-top-color:rgba(20,24,20,.16);color:#5f685f}

/* Owner Chat turns a plain-language request into the real Job shape. */
.feature-image--owner-chat .feature-glow{background:radial-gradient(circle at 27% 28%,rgba(90,231,170,.48),transparent 34%),radial-gradient(circle at 88% 78%,rgba(53,211,153,.2),transparent 42%),linear-gradient(140deg,#1b3b2c,#090d0a 68%)}
.owner-chat-showcase{position:relative;z-index:1;width:91%;height:84%}
.owner-chat-window{position:absolute;inset:0 auto 0 0;width:66%;display:grid;grid-template-rows:62px 1fr 62px;overflow:hidden;border:1px solid rgba(255,255,255,.72);border-radius:22px;background:#f5f7f5;color:#161b18;box-shadow:0 35px 100px rgba(0,0,0,.48)}
.owner-chat-window>header{display:flex;align-items:center;gap:12px;padding:0 18px;border-bottom:1px solid #dde3df;background:rgba(255,255,255,.82)}
.owner-chat-window>header>div{display:flex;flex-direction:column}
.owner-chat-window>header b{font-size:13px}
.owner-chat-window>header small{color:#748078;font-size:9px}
.owner-chat-window>header>i{width:7px;height:7px;margin-left:auto;border-radius:50%;background:var(--green);box-shadow:0 0 13px rgba(53,211,153,.65)}
.owner-chat-avatar{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:#153b2a}
.owner-chat-avatar img{width:17px;height:17px}
.owner-chat-thread{min-height:0;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:17px 20px;background:linear-gradient(155deg,#eef3ef,#f8faf8)}
.owner-chat-message{max-width:84%;padding:12px 14px;border-radius:14px;font-size:11px;line-height:1.48;box-shadow:0 8px 24px rgba(20,34,26,.07)}
.owner-chat-message--user{align-self:flex-end;border-bottom-right-radius:4px;background:var(--cream)}
.owner-chat-message--assistant{display:grid;grid-template-columns:27px 1fr;gap:9px;align-items:start;border:1px solid #dce5df;border-bottom-left-radius:4px;background:#fff}
.owner-chat-message--assistant>span{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:#173b2b}
.owner-chat-message--assistant img{width:15px}
.owner-chat-message--assistant p{margin:0}
.owner-chat-job{align-self:flex-start;min-width:71%;padding:11px 13px;border:1px solid #cbd9d0;border-radius:12px;background:#e7f2eb;box-shadow:0 9px 25px rgba(22,64,42,.08)}
.owner-chat-job small,.owner-chat-job b,.owner-chat-job span{display:block}
.owner-chat-job small{color:#16815a;font:700 8px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em}
.owner-chat-job b{margin:5px 0 2px;font-size:11px}
.owner-chat-job span{color:#69766e;font-size:8px}
.owner-chat-composer{display:flex;align-items:center;gap:12px;margin:9px 12px 11px;padding:0 8px 0 14px;border:1px solid #d9dfdb;border-radius:15px;background:#fff;color:#929b95;font-size:9px}
.owner-chat-composer span{flex:1}
.owner-chat-composer b{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#153b2a;color:#fff;font-size:16px}
.job-builder-card{position:absolute;z-index:2;top:8%;right:0;width:42%;height:84%;padding:22px;border:1px solid rgba(255,255,255,.13);border-radius:20px;background:rgba(16,22,18,.95);color:#f4f6f4;box-shadow:0 35px 90px rgba(0,0,0,.62);backdrop-filter:blur(18px)}
.job-builder-head{display:flex;align-items:center;justify-content:space-between}
.job-builder-head small{color:#8b9890;font:700 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}
.job-builder-head span{padding:5px 8px;border:1px solid #344139;border-radius:999px;color:#9ba69f;font-size:8px}
.job-builder-card h4{margin:13px 0 18px;font-size:18px;line-height:1.2;letter-spacing:-.03em}
.job-builder-card ol{margin:0;padding:0;list-style:none}
.job-builder-card li{display:grid;grid-template-columns:25px 1fr;gap:10px;align-items:center;padding:10px 0;border-top:1px solid #2b342e}
.job-builder-card li>i{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:#1e2b23;color:var(--green);font:700 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;font-style:normal}
.job-builder-card li div{display:flex;flex-direction:column;gap:2px;min-width:0}
.job-builder-card li small{color:#6f7b73;font:700 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.09em}
.job-builder-card li b{overflow:hidden;font-size:10px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}
.job-builder-ready{position:absolute;right:18px;bottom:17px;left:18px;display:flex;align-items:center;justify-content:center;gap:7px;height:34px;border-radius:999px;background:var(--cream);color:#132018;font-size:9px;font-weight:700}
.job-builder-ready i{width:6px;height:6px;border-radius:50%;background:#16815a}
.js .owner-chat-showcase [data-demo-step]{opacity:0;transform:translateY(18px) scale(.98);transition:opacity .58s ease,transform .68s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--step) * 150ms)}
.js .owner-chat-showcase .job-builder-card[data-demo-step]{transform:translateX(34px) scale(.96)}
.js .owner-chat-showcase.is-active [data-demo-step]{opacity:1;transform:none}

@media(max-width:1200px){.interface-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media(max-width:1000px){
  .header-actions .text-link{display:inline-flex}
  .interface-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .swiss-proof__inner{grid-template-columns:85px 1fr;padding:55px}
  .companion-inner{grid-template-columns:1fr;gap:60px}
  .companion-copy{max-width:760px}
  .companion-copy,.companion-stage,.companion-install{grid-column:1;grid-row:auto}
}

@media(max-width:700px){
  .site-header{top:8px;padding:0 8px}
  .header-inner{height:58px;padding:0 9px 0 14px;border-radius:0}
  .header-actions{gap:11px}
  .header-actions .text-link{display:inline-flex;font-size:11px}
  .header-actions .button{display:inline-flex;min-height:38px;padding:0 13px;font-size:11px}
  /* QA-037: hiding this made the German front door desktop-only — on a
     phone whatever the browser guessed was final, for a German-first ICP.
     It is 10px type; it fits. */
  .language-switch{gap:4px;font-size:10px}
  /* A 375px header cannot hold wordmark + EN/DE + Login + CTA: even at 13px
     the wordmark overflowed 6px into the switcher. The pineapple carries the
     brand at this width (the conventional phone treatment) and the language
     control gets the room it needs. */
  .brand span{display:none}
  .language-switch{margin-left:4px}
  /* A thumb needs more than the glyph: grow the hit area with padding and
     pull it back with a matching negative margin, so the header keeps its
     height while EN/DE become properly tappable. */
  .language-switch button{padding:11px 8px;margin:-11px -4px}
  .site-header.is-scrolled .header-inner{border-radius:999px;background:rgba(5,7,6,.82);box-shadow:0 8px 30px rgba(0,0,0,.22);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
  .hero{height:980px}
  .hero-content{margin-top:128px}
  .hero .hero-line{font-size:18px;line-height:1.35}
  .hero-actions{gap:17px}
  .hero-sovereignty{margin-top:17px}
  .trust--early{padding-top:130px;padding-bottom:70px}
  .swiss-proof{width:calc(100% - 30px);border-radius:14px}
  .swiss-proof__inner{min-height:0;padding:36px 24px;display:block}
  .swiss-proof__mark{width:64px;height:64px;margin-bottom:32px;border-radius:18px;font-size:30px}
  .swiss-proof__copy h2{font-size:37px}
  .editorial{padding-top:125px}
  .hero-product-wrap{width:calc(100% - 30px);aspect-ratio:16/9;height:auto;margin:-55px auto 0;padding:0}
  .hero-product{border-radius:10px}
  .feature-product-image{width:93%;height:86%;object-position:20% top;border-radius:8px}
  .interface-grid{grid-template-columns:1fr}
  .companion{padding:85px 20px 100px}
  .companion-copy{margin-bottom:-12px}
  .companion-copy h2{font-size:41px}
  .companion-copy>p:not(.feature-label){font-size:16px}
  .companion-copy>small{color:#9aa39d;font-size:12px;line-height:1.45}
  .companion-install ol{grid-template-columns:1fr;gap:12px}
  .companion-stage{padding:0}
  .companion-panel{min-height:585px;padding:17px 15px 13px}
  .companion-message{font-size:10px}
  .companion-review{padding:11px}
  .owner-chat-showcase{width:94%;height:88%}
  .owner-chat-window{width:82%;grid-template-rows:48px 1fr 50px;border-radius:16px}
  .owner-chat-window>header{gap:8px;padding:0 11px}
  .owner-chat-avatar{width:27px;height:27px}
  .owner-chat-thread{gap:8px;padding:10px 12px}
  .owner-chat-message{padding:8px 9px;font-size:8px}
  .owner-chat-message--assistant{grid-template-columns:21px 1fr;gap:6px}
  .owner-chat-message--assistant>span{width:21px;height:21px}
  .owner-chat-job{min-width:77%;padding:8px 9px}
  .owner-chat-composer{margin:7px 8px 8px;padding-left:10px}
  .owner-chat-composer b{width:29px;height:29px}
  .job-builder-card{top:18%;width:58%;height:68%;padding:14px;border-radius:15px}
  .job-builder-card h4{margin:10px 0 11px;font-size:13px}
  .job-builder-card li{grid-template-columns:20px 1fr;gap:7px;padding:6px 0}
  .job-builder-card li>i{width:19px;height:19px}
  .job-builder-card li b{font-size:8px}
  .job-builder-ready{right:10px;bottom:10px;left:10px;height:28px;font-size:8px}
  .interface-art--screenshot>img{object-position:18% top}
  .final-actions{flex-direction:column;gap:16px}
}

@media(prefers-reduced-motion:reduce){.js .owner-chat-showcase [data-demo-step]{opacity:1;transform:none;transition:none}}

/* Keep the trial CTA arrow as the desktop text glyph, not a colour emoji, on phones. */
.button{font-variant-emoji:text}