.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)}.calendar-card{position:relative;width:430px;padding:30px;border-radius:22px;background:#151b17;border:1px solid #465148;box-shadow:0 30px 90px #0008}.calendar-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.calendar-head span{color:#8e9891;font-size:11px}.calendar-days{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;text-align:center}.calendar-days small{color:#6f7872;font-size:9px}.calendar-days i{height:42px;border-radius:9px;display:grid;place-items:center;background:#1f2722;color:#69736d;font-style:normal;font-size:11px}.calendar-days i.open{color:#dbe3de;border:1px solid #344038}.calendar-days i.selected{color:#06110b;background:var(--green);font-weight:800}.time-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.time-slots span{padding:10px;border:1px solid #364039;border-radius:8px;text-align:center;color:#bac3bd;font-size:10px}.ticker-site{position:relative;width:82%;height:72%;border-radius:16px;overflow:hidden;background:#ecefe9;color:#111;box-shadow:0 30px 90px #0008}.ticker-bar{height:45px;background:#173326;color:#d8fbe9;display:flex;align-items:center;gap:28px;padding:0 18px;font-size:10px;white-space:nowrap}.ticker-bar b{color:var(--green)}.ticker-page{padding:75px 45px}.ticker-page small{font-size:8px;letter-spacing:.15em}.ticker-page h4{font:500 37px/1.1 Georgia,serif;margin:24px 0}@media(max-width:1000px){.connect-flow>div{width:160px}.calendar-card{width:78%}}@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}.calendar-card{width:90%;padding:20px}.ticker-site{width:90%}}
.tool-logos .tool-logo--filament{filter:brightness(0) invert(1);opacity:1}

/* Product evidence: real, reviewed app captures presented inside TROPIKAL chrome. */
.product-evidence{position:relative;margin:0;background:#0b0f0c}
.product-evidence .window-bar{position:relative;background:#111713;border-bottom-color:#27332b}
.product-evidence .window-bar>span{position:absolute;left:50%;margin:0;transform:translateX(-50%);color:#89938c}
.product-evidence__status{display:flex;align-items:center;gap:7px;margin-left:auto;color:#9fe8c1;font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}
.product-evidence .product-evidence__status i{width:6px;height:6px;background:var(--green);box-shadow:0 0 15px #35d399;border-radius:50%}
.product-evidence__viewport{height:calc(100% - 45px);overflow:hidden;background:#eef1ef}
.product-evidence__viewport img{display:block;width:100%;height:100%;object-fit:cover;object-position:top left}
.product-evidence--hero figcaption{position:absolute;z-index:2;left:24px;bottom:22px;max-width:520px;margin:0;padding:10px 14px;border:1px solid #ffffff1f;border-radius:999px;background:#101612e8;color:#cdd6d0;font-size:11px;line-height:1.35;box-shadow:0 12px 38px #0008;backdrop-filter:blur(12px)}

/* 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}

/* 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){
  .product-evidence__status{display:none}
  .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}
}

@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}
  .language-switch{display:none}
  .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}
  .product-evidence .window-bar>span{font-size:9px}
  .product-evidence__viewport img{object-position:26% top}
  .product-evidence--hero figcaption{left:12px;right:12px;bottom:12px;max-width:none;border-radius:12px;font-size:9px}
  .feature-product-image{width:93%;height:86%;object-position:20% top;border-radius:8px}
  .interface-grid{grid-template-columns:1fr}
  .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}}