/* Website-only integration. Native Studio is left unchanged outside the hosted mode. */
:root{--site-nav-height:64px}
html{scroll-padding-top:calc(var(--site-nav-height) + 16px)}
body{padding-top:var(--site-nav-height)}
body>[hidden]{display:none!important}
.site-nav{position:fixed!important;inset:0 0 auto;height:var(--site-nav-height);z-index:1000;background:rgba(247,249,249,.97)}
.site-nav .nav-inner{width:calc(100% - 48px);max-width:1440px;gap:24px}
.site-nav .nav-links{display:flex;flex:1;justify-content:center;gap:24px;min-width:0}
.site-nav .nav-tools{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}
.site-tool{border:1px solid transparent;background:transparent;color:inherit;border-radius:9px;min-height:38px;padding:6px 10px;display:inline-flex;gap:6px;align-items:center;justify-content:center;cursor:pointer;white-space:nowrap;font-size:13px}
.site-tool:hover,.site-tool:focus-visible{background:rgba(71,180,176,.1);border-color:var(--line)}
.site-tool:disabled{opacity:.45;cursor:wait}
#studio-landing{height:calc(100svh - var(--site-nav-height));min-height:560px}
#proof{padding:0!important;margin:0;scroll-margin-top:var(--site-nav-height);background:#f7faf9}
#site-discover-frame{width:100%;height:1300px;display:block;border:0;background:#f7faf9}
#legacyWorks[hidden]{display:none!important}
#site-discover-frame.is-modal{position:fixed;top:var(--site-nav-height);left:0;height:calc(100dvh - var(--site-nav-height));z-index:999}
#site-status{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:1100;padding:10px 16px;border-radius:10px;background:#223b3b;color:white;font-size:13px;max-width:90vw}
@media(max-width:900px){.site-nav .nav-inner{width:calc(100% - 24px);gap:14px}.site-nav .nav-links{gap:14px}.site-tool-label{display:none}.site-nav .nav-tools{gap:2px}}
@media(max-width:640px){:root{--site-nav-height:96px}.site-nav .nav-inner{display:grid;grid-template-columns:1fr auto;grid-template-rows:52px 44px;gap:0 12px}.site-nav .brand{grid-column:1;grid-row:1}.site-nav .brand-logo{max-width:132px}.site-nav .nav-tools{grid-column:2;grid-row:1}.site-nav .nav-links{grid-column:1/-1;grid-row:2;display:flex!important;justify-content:space-between;gap:10px;overflow-x:auto;font-size:12px}.site-nav .nav-links a{white-space:nowrap}#studio-landing{min-height:540px}}

/* Native icon-only tools; retain the original compact language glyph. */
.site-nav .site-tool{width:38px;height:38px;padding:8px;gap:0;flex-shrink:0}.site-tool svg{display:block;width:20px;height:20px;flex-shrink:0}.site-tool#langToggle{font-size:12px;font-weight:600}.site-tool:focus-visible{outline:2px solid #277f7b;outline-offset:2px}

/* One concise journey: replace duplicate workflow and paths sections. */
#journey{padding:64px 0 60px;scroll-margin-top:calc(var(--site-nav-height) + 16px)}
#journey .wrap{max-width:1160px}
.journey-head{text-align:center;margin:0 auto 30px;max-width:780px}
#journey h2{font-size:clamp(28px,3vw,40px);line-height:1.25;margin:12px 0 14px;letter-spacing:-.025em}
.journey-head>p{margin:0;color:var(--muted);font-size:15px;line-height:1.8}
.journey-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.journey-step{position:relative;display:flex;flex-direction:column;min-width:0;padding:24px;border:1px solid var(--line);border-radius:14px;background:var(--surface,#fff)}
.journey-step:not(:last-child)::after{content:"→";position:absolute;right:-18px;top:50%;transform:translateY(-50%);z-index:1;color:var(--teal);font-size:17px}
.journey-number{font:500 12px/1.4 "IBM Plex Mono",monospace;color:var(--teal);letter-spacing:.08em}
.journey-step h3{font-size:20px;line-height:1.45;margin:16px 0 10px;color:var(--navy)}
.journey-step>p{font-size:14px;line-height:1.85;color:var(--muted);margin:0 0 22px;flex:1}
.journey-output{display:flex;flex-direction:column;gap:7px;margin-top:auto;padding-top:16px;border-top:1px solid var(--line)}
.journey-output>span{font-size:11px;color:var(--muted)}
.journey-output strong{font-size:15px;font-weight:600;color:var(--navy)}
.journey-return{margin:10px 0 24px;text-align:center;color:var(--teal)}
.journey-return-line{display:block;width:100%;height:40px;opacity:.55}
.journey-return p{font-size:12px;line-height:1.6;margin:4px 0 0;color:var(--muted)}
.journey-action{text-align:center}.journey-action .cta{min-height:46px}
@media(max-width:700px){#journey{padding:40px 0}.journey-head{margin-bottom:22px}.journey-head>p{font-size:14px}.journey-steps{grid-template-columns:1fr;gap:22px}.journey-step{padding:20px}.journey-step:not(:last-child)::after{content:"↓";right:auto;left:50%;top:auto;bottom:-21px;transform:translateX(-50%)}.journey-step h3{font-size:19px;margin-top:12px}.journey-step>p{margin-bottom:16px}.journey-return-line{display:none}.journey-return{margin:24px 0}.journey-action .cta{max-width:100%;white-space:normal;text-align:center}}

/* Product support: direct contact channels, without QR codes. */
#contact.site-contact{padding:88px 0 56px;background:var(--navy);color:#fff}
#contact .contact-heading{max-width:760px}#contact .section-tag{color:#a7dcd7}
#contact .contact-heading h2{font-size:clamp(2rem,4vw,3.25rem);line-height:1.2;letter-spacing:-.035em;margin:14px 0 18px}
#contact .contact-intro{max-width:660px;font-size:1rem;line-height:1.85;color:#c4cfdb}
#contact .contact-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:36px}
#contact .contact-card{display:flex;flex-direction:column;min-width:0;padding:28px;border:1px solid rgba(196,219,218,.22);border-radius:16px;background:rgba(255,255,255,.045);transition:border-color .2s,background .2s}
#contact .contact-card:hover{border-color:rgba(167,220,215,.55);background:rgba(255,255,255,.065)}
#contact .contact-channel{display:flex;align-items:center;gap:12px}#contact .contact-channel h3{margin:0;font-size:1.1rem;font-weight:600;color:#fff}
#contact .contact-channel-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:rgba(167,220,215,.12);color:#bce8e3;flex-shrink:0}#contact .contact-channel-icon svg{width:23px;height:23px}
#contact .contact-channel-note{font-size:.875rem;line-height:1.75;margin:18px 0 20px;color:#c4cfdb;min-height:3.5em}
#contact .contact-value{display:block;font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:clamp(1.08rem,1.5vw,1.35rem);font-weight:500;color:#fff;letter-spacing:-.025em;overflow-wrap:anywhere;user-select:all;line-height:1.5}
#contact .contact-actions{display:flex;flex-wrap:wrap;gap:10px;padding-top:26px;margin-top:auto}
#contact .contact-action{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid rgba(196,219,218,.4);border-radius:8px;background:transparent;color:#edf7f6;font-family:inherit;font-size:.84rem;font-weight:500;line-height:1.4;text-decoration:none;cursor:pointer;transition:background .2s,border-color .2s}
#contact .contact-action:hover,#contact .contact-action[data-copied="true"]{background:rgba(167,220,215,.14);border-color:#a7dcd7}
#contact .contact-action-primary{background:#bce8e3;border-color:#bce8e3;color:#182d32}#contact .contact-action-primary:hover{background:#d4f2ee;color:#182d32}
#contact .contact-action:focus-visible,#contact .contact-value:focus-visible{outline:3px solid #bce8e3;outline-offset:4px}
#contact .contact-support-note{margin-top:26px;max-width:900px}#contact .contact-support-note p{max-width:none;font-size:.8rem;line-height:1.8;color:#b4c3ce;margin:0}
#contact .contact-support-note .contact-status{color:#bce8e3;min-height:1.8em;margin-top:8px}
#faq.site-faq{padding:88px 0;background:#f7f9f9}#faq .product-faq-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:72px;align-items:start}
#faq .product-faq-heading h2{font-size:clamp(1.9rem,3vw,2.65rem);line-height:1.25;letter-spacing:-.03em;margin:14px 0 20px}#faq .product-faq-heading p{font-size:.94rem;line-height:1.9;color:var(--muted);max-width:360px}
#faq .product-faq-list{border-top:1px solid var(--line)}#faq .product-faq-item{margin:0;padding:0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}
#faq .product-faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;min-height:72px;padding:20px 0;cursor:pointer;font-size:.98rem;font-weight:600;line-height:1.6;color:var(--text)}#faq .product-faq-item summary::-webkit-details-marker{display:none}#faq .product-faq-item summary::after{content:none}
#faq .product-faq-item summary:focus-visible{outline:2px solid #277f7b;outline-offset:4px}#faq .product-faq-toggle{font-size:1.4rem;font-weight:400;line-height:1;color:#377f7b;transition:transform .2s}#faq details[open] .product-faq-toggle{transform:rotate(45deg)}
#faq .product-faq-answer{padding:0 28px 22px 0}#faq .product-faq-answer p{margin:0;color:var(--muted);font-size:.92rem;line-height:1.95}
@media(max-width:900px){#contact .contact-card{padding:22px}#contact .contact-cards{gap:14px}#faq .product-faq-layout{gap:36px;grid-template-columns:1fr 1.5fr}}
@media(max-width:680px){#contact.site-contact{padding:60px 0 36px}#contact .contact-cards{grid-template-columns:1fr;gap:14px;margin-top:28px}#contact .contact-channel-note{min-height:0;margin:16px 0}#contact .contact-actions{padding-top:20px}#contact .contact-value{font-size:1.3rem}#contact .contact-action{min-height:46px}#faq.site-faq{padding:60px 0}#faq .product-faq-layout{grid-template-columns:1fr;gap:28px}#faq .product-faq-heading p{max-width:none}#faq .product-faq-item summary{min-height:68px}#faq .product-faq-answer{padding-right:0}}
@media(prefers-reduced-motion:reduce){#contact .contact-card,#contact .contact-action,#faq .product-faq-toggle{transition:none}}

/* Filing number supplied by the site owner; no inferred website suffix. */
.footer .site-legal{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:16px;padding-top:16px;border-top:1px solid var(--line);font-size:13px;line-height:1.6}.footer .site-icp{color:inherit;text-decoration:none;overflow-wrap:anywhere}.footer .site-icp:hover{text-decoration:underline}.footer .site-icp:focus-visible{outline:2px solid var(--teal);outline-offset:4px}

/* The four public sections share a content rhythm; the workspace is unchanged. */
#journey,#contact.site-contact,#faq.site-faq{padding:64px 0}
#journey>.wrap,#contact>.wrap,#faq>.wrap{max-width:1160px}
#contact .contact-heading h2,#faq .product-faq-heading h2{font-size:clamp(28px,3vw,40px);line-height:1.3;margin:12px 0 14px}
#journey .journey-action,.section-connections{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px 28px}
.section-connections{justify-content:flex-start;margin-top:24px}
.section-link{display:inline-flex;align-items:center;min-height:44px;color:#277f7b;text-decoration:none;font-size:14px;font-weight:600;line-height:1.6}
.section-link:hover{text-decoration:underline}.section-link:focus-visible{outline:2px solid currentColor;outline-offset:4px}
#contact .section-link{color:#bce8e3}#faq .section-connections{align-items:flex-start;flex-direction:column;gap:8px}
@media(max-width:700px){#journey,#contact.site-contact,#faq.site-faq{padding:40px 0}#journey>.wrap,#contact>.wrap,#faq>.wrap{width:auto;margin:0 20px;padding-left:0;padding-right:0}}