/* Syllax's cyan/green identity, translated into a calm light product interface. */
:root{font-family:Arial,Helvetica,sans-serif;color:#122c3b;background:#f9fbfc;line-height:1.6;--accent:#087b71;--ink:#102d3a;--line:#dbe5e8;--muted:#506674;--cyan:#67e8f9;--green:#38f8a6}*{box-sizing:border-box}body{margin:0}a{color:var(--accent);text-underline-offset:4px}button,input,textarea,select{font:inherit}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--ink)}h1{font-size:clamp(34px,4.3vw,64px);line-height:1.07;letter-spacing:-2.7px;margin-bottom:26px}h2{font-size:clamp(27px,3vw,43px);line-height:1.15;letter-spacing:-1.3px;margin-bottom:22px}h3{font-size:21px;line-height:1.3;letter-spacing:-.4px;margin-bottom:10px}p{max-width:740px;margin-bottom:18px}header,main,#platform-notice{max-width:1280px;margin:auto;padding:24px 32px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:106px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;gap:11px;align-items:center;text-decoration:none;color:var(--ink);font-size:19px;line-height:1.15;font-weight:800;letter-spacing:1.4px;flex-shrink:0}.brand small{display:block;letter-spacing:.4px;font-weight:400;font-size:13px;margin-top:4px}.brand-mark{width:38px;height:43px;border:1px solid #c1dedb;background:#e3faf2;color:#075a50;display:grid;place-items:center;border-radius:9px;font-size:25px;transform:skewY(-7deg)}nav{display:flex;align-items:center;gap:23px;font-size:14px}nav>a:not(.button){text-decoration:none;color:var(--ink)}nav>a:hover{color:var(--accent)}.button,button{cursor:pointer;border:1px solid #bacdd2;background:white;color:var(--ink);padding:12px 19px;border-radius:8px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:14px;font-weight:600;line-height:1.4;transition:background .16s,transform .16s,border-color .16s}.button:hover,button:hover{background:#f0f6f5;border-color:#7aaba6}.button.primary,button.primary{background:var(--ink);color:white;border-color:var(--ink)}.primary:hover{background:#14594f;border-color:#14594f;transform:translateY(-1px)}.nav-create{font-size:13px;padding:11px 15px}.text-link{font-weight:600;text-decoration:none;display:inline-block}.text-link:hover{text-decoration:underline}button:disabled{opacity:.55;cursor:default;transform:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #0b8277;outline-offset:4px}.skip-link{position:absolute;left:12px;top:-80px;z-index:10;background:white;padding:14px}.skip-link:focus{top:12px}.actions{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.eyebrow{text-transform:uppercase;color:#28695f;font-weight:700;letter-spacing:1.6px;font-size:11px;margin-bottom:17px;line-height:1.7}.status-dot{display:inline-block;background:#12a882;width:7px;height:7px;border-radius:50%;margin-right:7px}.lead{font-size:18px;color:var(--muted);line-height:1.7}.hero-split{display:grid;grid-template-columns:1.03fr 1fr;gap:55px;align-items:center;padding:36px 0 38px}.hero-copy h1 em{font-style:normal;color:var(--accent)}.hero-copy .lead{max-width:490px}.hero-copy .actions{margin:29px 0 25px}.hero-notes{display:flex;flex-wrap:wrap;gap:7px 17px;padding:0;list-style:none;font-size:12px;color:var(--muted);max-width:450px}.hero-notes li:before{content:'✓';color:var(--accent);margin-right:5px}.hero-product{min-width:0;scroll-margin-top:20px}.preview-label{display:flex;justify-content:space-between;gap:10px;margin-bottom:13px;align-items:center}.preview-label .eyebrow{margin:0}.live-label{font-size:11px;color:#456a62;display:flex;align-items:center;gap:7px}.live-label:before{content:'';width:6px;height:6px;border-radius:50%;background:#1c9e80}.product-tabs{display:flex;gap:0;background:#e9efef;border:1px solid var(--line);padding:5px;border-radius:13px 13px 0 0}.product-tabs button{flex:1;border:0;background:transparent;font-size:13px;border-radius:7px;padding:9px}.product-tabs button[aria-pressed=true]{background:white;color:var(--accent);box-shadow:0 1px 4px #102d3a10}.product-chat{display:block;width:100%;height:455px;border:1px solid var(--line);border-top:0;background:white;border-radius:0 0 13px 13px;box-shadow:0 17px 35px #183b3b0c}.preview-caption{display:flex;justify-content:space-between;gap:17px;font-size:11px;color:var(--muted);margin-top:14px}.preview-caption a{white-space:nowrap}.demo-disclosure{font-size:11px;color:#5a6f79;margin:10px 0 0}.product-strip{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0}.product-strip>span{font-size:12px;color:var(--muted)}.product-strip>div>a:first-child{font-weight:700;color:var(--ink);font-size:21px;text-decoration:none}.product-strip small{display:block;font-size:11px;font-weight:400;color:var(--muted)}.section{padding:64px 0;margin:0;border-bottom:1px solid var(--line);scroll-margin-top:28px}.split-heading,.faq-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px}.split-heading>div>p:not(.eyebrow){color:var(--muted);max-width:370px}.process{padding:0;margin:0;list-style:none}.process li{display:flex;gap:23px;border-bottom:1px solid var(--line);padding:20px 0}.process li:first-child{padding-top:0}.process li:last-child{border:0;padding-bottom:0}.process li>span{font-family:monospace;color:var(--accent);font-size:13px;padding-top:4px}.process p{color:var(--muted);font-size:14px;margin:0}.process h3{font-size:20px}.section-heading{max-width:660px;margin-bottom:30px}.section-heading>p:last-child{color:var(--muted)}.ways-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.ways-grid article{padding:32px;border-radius:15px;min-width:0}.standalone-way{background:#e9f5f0;border:1px solid #cee6dc}.widget-way{background:#edf5f9;border:1px solid #d3e6ed}.number-tag{font-family:monospace;font-size:11px;letter-spacing:1px;color:#426960;display:block;margin-bottom:24px}.ways-grid h3{font-size:29px}.ways-grid p{color:#425e6b;font-size:15px}.url-example{font-size:12px;background:white;border:1px solid #cee0da;border-radius:8px;padding:16px;margin:26px 0;overflow-wrap:anywhere}.url-example strong{display:block;font-size:20px;font-weight:600;margin-left:13px}.widget-illustration{position:relative;background:#fff;border:1px solid #d8e5ec;border-radius:8px;padding:16px;height:113px;margin:22px 0;font-size:9px;color:#81929d;letter-spacing:1px}.mini-site-line{height:7px;background:#e9eff2;border-radius:2px;width:56%;margin-top:14px}.mini-site-line.short{width:38%;margin-top:7px}.widget-pill{position:absolute;bottom:14px;right:14px;background:var(--ink);color:white;border-radius:20px;padding:9px 15px;letter-spacing:0;font-size:12px;font-weight:600}.business-benefits{display:grid;grid-template-columns:1fr 1fr;gap:90px}.business-benefits>div>p:not(.eyebrow){color:var(--muted)}.benefit-list>div{border-bottom:1px solid var(--line);margin-bottom:21px}.benefit-list h3{font-size:19px}.benefit-list p{font-size:14px;color:var(--muted)}.plans-band{display:grid;grid-template-columns:1.15fr 1fr;gap:80px;margin:50px 0 0;background:#eaf5f0;border:1px solid #cfe4db;border-radius:16px;padding:38px}.plan-action{border-left:1px solid #c8ded4;padding-left:40px}.trial-number{font-size:60px;line-height:1;color:var(--accent);font-weight:700;display:flex;gap:18px;align-items:center;margin-bottom:22px}.trial-number small{font-size:15px;font-weight:400}.plan-action p{font-size:12px;margin:13px 0 0}.plans-band>div>p:last-child{color:var(--muted)}.faq-list details{border-bottom:1px solid var(--line);padding:19px 0}.faq-list details:first-child{padding-top:0}summary{cursor:pointer;font-weight:600}.faq-list p{font-size:14px;color:var(--muted);margin:14px 0 0}.site-footer{border-top:1px solid var(--line);background:#eff4f5;margin-top:40px;padding:45px max(32px,calc((100% - 1216px)/2)) 20px}.footer-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:35px}.footer-top h2{font-size:12px;letter-spacing:.3px;margin:0 0 16px}.footer-top>div>a:not(.brand){display:block;font-size:12px;text-decoration:none;color:#405d68;margin:9px 0}.footer-top a:hover{text-decoration:underline}.footer-intro p{font-size:16px;margin:18px 0}.footer-intro .muted{font-size:12px;max-width:235px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#506674;margin-top:32px;border-top:1px solid #d4e0e3;padding-top:18px}.muted{color:var(--muted);font-size:13px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.card{background:white;padding:28px;border:1px solid var(--line);border-radius:13px;margin:20px 0}.card h2{font-size:25px;letter-spacing:-.6px}.card>h2:first-child{margin-top:0}label{display:block;font-size:13px;font-weight:600;margin:18px 0}input,textarea,select{display:block;width:100%;font-size:14px;padding:12px;border:1px solid #bdcdd3;border-radius:7px;margin-top:7px;background:white;color:var(--ink)}textarea{min-height:120px;resize:vertical;line-height:1.6}input::placeholder,textarea::placeholder{color:#647987;font-weight:400}input[type=checkbox]{display:inline;width:auto;margin-right:8px}input[type=color]{height:44px}.check{font-weight:400;font-size:12px}.steps{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.steps span{padding:8px 12px;border-radius:20px;background:#e6eeee;font-size:12px}.steps .active{background:#d3eee7;color:#0e5b4d;font-weight:700}.badge{padding:4px 10px;background:#ddf2eb;color:#175f51;border-radius:20px;display:inline-block;font-size:11px}.source{border-top:1px solid var(--line);padding:21px 0;font-size:14px}.source pre{white-space:pre-wrap;max-height:360px;overflow:auto;font:13px/1.6 monospace}.source p{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.source button{font-size:12px;padding:9px 13px}.demo{width:100%;height:510px;border:1px solid var(--line);border-radius:12px;background:white}.banner{background:#e7f4ee;border:1px solid #cee5da;border-radius:12px;padding:26px;margin:20px 0}.trial-banner{display:flex;justify-content:space-between;align-items:center;gap:35px}.trial-banner h2{font-size:27px;margin-bottom:10px;letter-spacing:-.7px}.trial-banner p{font-size:14px;margin-bottom:8px;max-width:620px}.trial-banner .muted{font-size:12px}.trial-banner .actions{max-width:310px;flex-shrink:0;gap:10px}.trial-banner .actions button,.trial-banner .actions a{font-size:12px}.workspace{padding-top:35px}.workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.business-identity{display:flex;align-items:center;gap:18px;min-width:0}.business-identity h1{font-size:clamp(25px,3vw,40px);letter-spacing:-1px;margin:0;overflow-wrap:anywhere}.business-identity .eyebrow{margin-bottom:6px}.business-logo,.business-monogram{width:64px;height:64px;flex-shrink:0;border:1px solid #d0e3dc;border-radius:13px;object-fit:contain;background:white;padding:7px}.business-monogram{display:grid;place-items:center;background:#dcf3e8;color:#0c6554;font-size:30px}.subtle-button{font-size:12px;background:transparent;white-space:nowrap}.workspace .two>section{margin-top:12px}.workspace .card .eyebrow{font-size:10px}.workspace>.card{margin-top:25px}#platform-notice{color:#9b302b;padding-top:0;padding-bottom:0}dl{display:grid;grid-template-columns:180px 1fr;gap:12px}dt{font-weight:700}dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}pre.code{white-space:pre-wrap;overflow-wrap:anywhere;background:#f2f6f8;padding:16px;border-radius:8px}.hidden,[hidden]{display:none!important}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:9px;border-bottom:1px solid var(--line)}.logo-preview{width:60px;height:60px;object-fit:contain}.information-page{max-width:930px;padding-top:40px}.information-page h1{font-size:clamp(34px,5vw,52px);margin-top:20px}.information-page .lead{font-size:18px}.information-body{border-top:1px solid var(--line);margin-top:35px}.information-body section{padding:26px 0;border-bottom:1px solid var(--line)}.information-body h2{font-size:23px;letter-spacing:-.5px;margin-bottom:12px}.information-body p{font-size:15px;color:var(--muted);margin:0}.back-link{font-size:12px;display:inline-block;margin-bottom:30px}.support-callout{padding:28px;background:#e8f4ed;border-radius:12px;margin:30px 0}.support-callout h2{font-size:24px}.workspace .two,.workspace .source{min-width:0}.hero{padding:35px 0;max-width:780px}
@media(min-width:900px){.hero-product{animation:appear .4s ease-out}@keyframes appear{from{opacity:.5;transform:translateY(7px)}to{opacity:1;transform:none}}}
@media(max-width:1080px){nav{gap:13px;font-size:12px}.hero-split{gap:30px}h1{font-size:52px}.split-heading,.business-benefits,.faq-layout{gap:45px}.trial-banner{align-items:flex-start;flex-direction:column;gap:15px}.trial-banner .actions{max-width:none}}
@media(max-width:760px){header,main,#platform-notice{padding:20px}.site-header{align-items:flex-start;flex-direction:column;gap:18px}nav{flex-wrap:wrap;gap:12px 18px;font-size:12px;max-width:100%}.nav-create{padding:8px 12px}.hero-split{grid-template-columns:1fr;gap:28px;padding:20px 0 30px}h1{font-size:clamp(36px,9vw,54px);letter-spacing:-1.7px}.hero-copy .lead{font-size:16px}.hero-copy .actions{margin:23px 0}.hero-notes{font-size:11px;gap:7px 12px}.product-chat{height:470px}.preview-caption{flex-direction:column;gap:8px}.product-strip{align-items:flex-start;gap:16px;flex-wrap:wrap}.product-strip>span{width:100%}.product-strip>div>a:first-child{font-size:18px}.section{padding:40px 0}.split-heading,.business-benefits,.faq-layout,.ways-grid,.two,.grid{grid-template-columns:1fr;gap:25px}.section h2{font-size:32px}.ways-grid article{padding:24px}.ways-grid h3{font-size:26px}.plans-band{grid-template-columns:1fr;margin-top:30px;padding:25px;gap:25px}.plan-action{border-left:0;border-top:1px solid #c8ded4;padding:24px 0 0}.footer-top{grid-template-columns:1fr 1fr;gap:28px 20px}.footer-intro{grid-column:1/-1}.site-footer{padding:30px 20px 20px}.footer-bottom{flex-direction:column;gap:8px}.workspace-heading{align-items:flex-start}.business-identity{gap:10px}.business-logo,.business-monogram{width:45px;height:45px;border-radius:9px;font-size:23px}.business-identity h1{font-size:26px;letter-spacing:-.7px}.workspace-heading .subtle-button{padding:8px 11px}.card{padding:22px;margin:15px 0}.card h2{font-size:24px}.workspace .two{gap:0}.trial-banner h2{font-size:26px}.banner{padding:22px}.source .actions{gap:8px}.source{overflow-wrap:anywhere}dl{grid-template-columns:1fr}dd{margin-bottom:10px}table{font-size:12px;display:block;overflow:auto}.information-page{padding-top:30px}.information-page .lead{font-size:16px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.product-chat-link{font-size:11px;display:inline-block;margin-top:7px}.trial-banner{flex-wrap:wrap}.trial-banner>p{flex-basis:100%;margin:0}

/* Shared behaviour choices: no separate products or plans. */
.style-comparison{display:grid;grid-template-columns:1fr 1fr;gap:28px}.style-option{display:flex;align-items:flex-start;gap:20px;padding:28px;border:1px solid #cfe3db;border-radius:14px;background:#edf7f1}.style-option.sales-style{background:#edf6fa;border-color:#d2e4ed}.style-symbol{display:grid;place-items:center;flex-shrink:0;width:43px;height:43px;border-radius:12px;background:white;color:var(--accent);font-size:25px;font-weight:600}.style-option .badge{background:white;margin-bottom:17px}.style-option h3{font-size:27px}.style-option p{font-size:15px;color:#405d68}.style-example{display:block;font-size:13px;color:#476775;border-top:1px solid #cfe0de;padding-top:15px}.style-footnote{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:22px}.style-footnote p{font-size:12px;color:var(--muted);margin:0}.style-footnote a{font-size:13px;white-space:nowrap}.style-picker{border:0;padding:0;margin:23px 0}.style-picker legend{font-size:13px;font-weight:600}.style-picker label{display:flex;align-items:flex-start;gap:11px;border:1px solid var(--line);padding:14px;border-radius:9px;margin:10px 0;cursor:pointer}.style-picker label:has(input:checked){background:#edf7f1;border-color:#8ab7a6}.style-picker input[type=radio]{width:auto;margin:4px 0 0;flex-shrink:0;accent-color:var(--accent)}.style-picker strong{font-size:13px}.style-picker small{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:4px;line-height:1.5}
@media(max-width:760px){.style-comparison{grid-template-columns:1fr;gap:18px}.style-option{padding:22px;gap:14px}.style-option h3{font-size:25px}.style-symbol{width:34px;height:34px;font-size:21px}.style-footnote{align-items:flex-start;flex-direction:column;gap:12px}.style-footnote a{white-space:normal}}

.setup-readiness{padding:20px 24px;background:#fff;border:1px solid var(--line);border-radius:10px;margin:20px 0}.setup-readiness h3{font-size:18px;margin:0}.setup-readiness ul{font-size:14px;margin-bottom:0}.setup-readiness p{font-size:13px;margin:10px 0 0}.url-preview{font-size:13px;color:var(--accent);overflow-wrap:anywhere;background:#edf7f1;padding:12px;border-radius:7px}