:root{--navy:#07182f;--navy-dark:#06111f;--blue:#2563f4;--text:#10233d;--muted:#58677b;--line:#dfe7f0;--surface:#f5f8fc;--white:#fff;--radius:22px;--container:1200px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:var(--white);color:var(--text);font-family:"Segoe UI",Inter,Arial,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
button,input{font:inherit}
a{color:inherit;text-decoration:none}
button,a,input,summary{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
img{display:block;max-width:100%;height:auto}
svg{display:block}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{color:var(--navy);font-weight:600}
h1,h2{letter-spacing:-.052em;line-height:1.08}
h2{font-size:clamp(2rem,4.2vw,3.35rem)}
h3{font-size:1.22rem;line-height:1.3;letter-spacing:-.025em}
::selection{background:#d6e5ff;color:var(--navy)}
:focus-visible{outline:3px solid var(--blue);outline-offset:5px;border-radius:3px}
[hidden]{display:none!important}
.container{width:min(calc(100% - 40px),var(--container));margin-inline:auto}
.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}
.icon{width:24px;height:24px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.skip-link{position:fixed;z-index:100;top:10px;left:10px;padding:12px 20px;background:var(--navy);color:white;transform:translateY(-150%)}
.skip-link:focus{transform:translateY(0)}
.button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;gap:22px;padding:13px 23px;border:1px solid transparent;border-radius:9px;background:var(--navy);color:white;font-size:.9rem;font-weight:600;line-height:1.4;transition:background .2s,transform .2s,box-shadow .2s}
.button:hover{background:#173454;transform:translateY(-2px);box-shadow:0 8px 20px #07182f15}
.button .icon{width:19px;height:19px}
.button-small{min-height:44px;padding:10px 17px;gap:12px;font-size:.8rem}
.text-link{display:inline-flex;min-height:44px;gap:10px;align-items:center;font-size:.9rem;font-weight:600}
.text-link:hover{color:var(--blue)}
.text-link .icon{width:19px}
.site-header{position:sticky;z-index:20;top:0;background:#ffffffed;border-bottom:1px solid #edf0f5;backdrop-filter:blur(16px)}
.header-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.brand{display:inline-flex;min-height:44px;align-items:center;flex-shrink:0}
.brand img{width:184px;height:auto}
.main-nav{display:flex;align-items:center;gap:20px;margin-left:auto}
.main-nav>a:not(.button){display:inline-flex;min-height:44px;align-items:center;font-size:.82rem;color:#43536a;transition:color .2s}
.main-nav>a:not(.button):hover{color:var(--blue)}
.menu-toggle{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:8px;background:white;align-items:center;justify-content:center;flex-direction:column;gap:6px}
.menu-toggle span{display:block;width:19px;height:1.5px;background:var(--navy);transition:transform .2s}
.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.75px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.75px) rotate(-45deg)}
.hero{padding-top:64px}
.hero-heading{display:grid;gap:30px;margin-bottom:42px}
.launch-label{display:inline-flex;align-items:center;gap:9px;font-size:.71rem;font-weight:500;color:#526174;margin-bottom:26px;min-height:24px}
.launch-label>span:last-child{font-size:17px;margin-left:5px}
.status-dot{display:inline-block;flex-shrink:0;width:7px;height:7px;border-radius:50%;background:#2563f4;box-shadow:0 0 0 4px #2563f414}
h1{font-size:clamp(2.85rem,6.1vw,5.5rem);line-height:1.02}
h1>span{color:var(--blue)}
.hero-intro>p{max-width:450px;font-size:1.04rem;line-height:1.8;color:var(--muted)}
.hero-actions{display:flex;align-items:center;gap:24px;margin-top:25px;flex-wrap:wrap}
.hero-visual{position:relative;padding-bottom:29px}
.hero-photo{width:100%;aspect-ratio:1.26;object-fit:cover;border-radius:var(--radius);background:#dfdfd8}
.visual-tag{position:absolute;left:18px;top:18px;display:flex;align-items:center;gap:12px;padding:11px 16px;background:#ffffffec;backdrop-filter:blur(8px);border:1px solid #ffffffb3;border-radius:10px;font-size:.72rem;line-height:1.5;box-shadow:0 5px 25px #07182f0d}
.visual-tag .icon{width:23px}
.visual-tag strong{font-weight:600}
.screen-note{display:none}
.hero-visual figcaption{position:absolute;bottom:0;right:0;color:var(--muted);font-size:.64rem}
.contexts{display:flex;justify-content:center;align-items:center;gap:15px 22px;flex-wrap:wrap;padding:34px 0 39px;border-bottom:1px solid var(--line)}
.contexts>span:first-child{font-size:.59rem;font-weight:600;letter-spacing:.14em;color:var(--muted);width:100%;text-align:center}
.contexts p{font-size:.85rem;font-weight:500}
.context-separator{font-size:.65rem;color:#a7b4c6}
.section{padding-block:78px}
.eyebrow{font-size:.65rem;font-weight:650;letter-spacing:.16em;color:var(--blue);margin-bottom:18px}
.section-heading{display:grid;gap:23px;margin-bottom:38px}
.section-lead{max-width:430px;color:var(--muted);font-size:.98rem;line-height:1.8}
.feature-grid{display:grid;gap:16px}
.feature-card{position:relative;padding:28px;background:var(--surface);border:1px solid #ebf0f7;border-radius:16px;transition:border-color .2s,transform .2s}
.feature-card:hover{border-color:#bdd1f5;transform:translateY(-3px)}
.feature-icon{display:inline-flex;width:43px;height:43px;align-items:center;justify-content:center;background:white;border:1px solid #e4ebf4;border-radius:11px;color:var(--blue);margin-bottom:27px;box-shadow:0 3px 8px #07182f03}
.feature-icon .icon{width:22px;height:22px}
.feature-number{position:absolute;right:27px;top:35px;color:#64758d;font-size:.64rem;letter-spacing:.06em}
.feature-card h3{margin-bottom:12px;max-width:290px}
.feature-card>p{color:var(--muted);font-size:.88rem;line-height:1.85}
.feature-detail{display:block;font-size:.68rem;font-weight:600;color:#586a81;margin-top:24px}
.workflow{color:white;background:var(--navy-dark);position:relative;overflow:hidden}
.workflow-grid{display:grid;gap:45px}
.workflow h2,.workflow h3{color:white}
.workflow .eyebrow{color:#82baff}
.workflow .section-lead{color:#afbed1;margin-top:24px}
.steps{list-style:none;padding:0;margin:34px 0 0;display:grid;gap:24px}
.steps li{display:flex;gap:20px;align-items:flex-start}
.step-number{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:31px;height:31px;border:1px solid #364457;border-radius:50%;color:#a9caff;font-size:.66rem}
.steps h3{font-size:.96rem;margin:1px 0 5px;letter-spacing:0}
.steps p{color:#aab9cc;max-width:350px;font-size:.82rem;line-height:1.8}
.demo-area{align-self:center;min-width:0}
.studio-demo{color:var(--navy);background:#f5f7fb;border:1px solid #455369;border-radius:16px;box-shadow:0 30px 80px #00000030;overflow:hidden;transform:rotate(-1deg)}
.studio-topbar{padding:20px 20px 17px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);font-size:.79rem;font-weight:600;background:white}
.studio-topbar>span:first-child{display:flex;align-items:center;gap:9px}
.studio-mark{background:linear-gradient(145deg,#39beef,#4159f8);color:white;font-size:15px;width:25px;height:25px;border-radius:6px;display:inline-grid;place-items:center;font-weight:700}
.draft-badge{font-size:.57rem;letter-spacing:.03em;color:#64758d;background:#f1f4f8;padding:4px 9px;border-radius:4px}
.scene-switcher{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;border:0;padding:20px;min-width:0}
.scene-switcher legend{float:left;grid-column:1/-1;width:100%;font-size:.65rem;color:#526174;margin-bottom:12px;padding:0}
.scene-radio{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.scene-switcher label{display:flex;flex-wrap:wrap;gap:7px;align-items:center;justify-content:center;border:1px solid #d7dfea;border-radius:6px;min-height:44px;padding:8px 4px;font-size:.65rem;cursor:pointer;transition:background .2s}
.scene-switcher label>span{font-size:.56rem;opacity:.75}
.scene-radio:checked+label{border-color:#9fbafa;color:#164bcc;background:#e8efff}
.scene-radio:focus-visible+label{outline:3px solid var(--blue);outline-offset:2px}
.scene-panels{grid-column:1/-1;margin-top:8px;min-width:0}
.scene-panel{display:none;position:relative;aspect-ratio:1.35;flex-direction:column;justify-content:center;overflow:hidden;padding:clamp(22px,3.3vw,40px);border-radius:7px;isolation:isolate}
#scene-welcome:checked~.scene-panels .scene-welcome,#scene-info:checked~.scene-panels .scene-info,#scene-event:checked~.scene-panels .scene-event{display:flex}
.scene-welcome{background:#dce9f5;color:#102a47}
.scene-info{background:#ecebdd;color:#343f31}
.scene-event{background:#253772;color:#fff}
.preview-eyebrow{font-size:.52rem;font-weight:650;letter-spacing:.13em;margin-bottom:18px;position:relative;z-index:1}
.scene-panel>p{font-size:clamp(1.6rem,3vw,2.7rem);font-weight:500;letter-spacing:-.045em;line-height:1.08;position:relative;z-index:1}
.preview-line{width:30px;height:2px;background:currentColor;opacity:.6;margin:21px 0 10px}
.scene-panel small{font-size:.62rem;line-height:1.8;position:relative;z-index:1}
.preview-orbit{position:absolute;z-index:-1;border:1px solid #597b9e40;border-radius:50%;width:250px;height:250px;right:-145px;top:18px;box-shadow:0 0 0 25px #597b9e09,0 0 0 55px #597b9e08,0 0 0 85px #597b9e07}
.scene-event .preview-orbit{border-color:#c8d6ff4d;box-shadow:0 0 0 25px #c8d6ff0a,0 0 0 55px #c8d6ff09,0 0 0 85px #c8d6ff08}
.studio-bottombar{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:0 20px 18px;color:#5b6b80;font-size:.6rem}
.studio-bottombar>span:first-child{display:flex;align-items:center;gap:6px}
.studio-bottombar .icon{width:15px;height:15px}
.version-note{display:flex;gap:12px;align-items:flex-start;background:#14253a;border:1px solid #2b405b;border-radius:11px;padding:15px 18px;margin:22px 0 14px;font-size:.7rem;color:#b8c9df}
.version-note>.icon{color:#8dc9bc;width:20px}
.version-note strong{color:#e0eafa;font-weight:500}
.demo-caption{font-size:.65rem;color:#9aaec5;max-width:440px}
.example-grid{display:grid;gap:32px}
.example-card{min-width:0}
.example-image{position:relative;border-radius:17px;overflow:hidden;background:var(--surface)}
.example-image img{width:100%;aspect-ratio:1.36;object-fit:cover;transition:transform .6s}
.example-card:hover img{transform:scale(1.025)}
.image-category{position:absolute;left:18px;top:18px;font-size:.57rem;letter-spacing:.12em;font-weight:600;padding:7px 12px;color:var(--navy);background:#fffffff0;border-radius:5px}
.example-copy{padding:23px 2px 0}
.example-copy h3{font-size:1.65rem;line-height:1.18}
.example-copy>p{font-size:.9rem;color:var(--muted);margin:13px 0 15px;max-width:465px}
.example-copy>span{font-size:.65rem;color:#65768c}
.example-copy>span>span{padding:0 9px;color:#95a4b7}
.more-spaces{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:42px;padding:22px 25px;border:1px solid var(--line);border-radius:12px;background:#fafbfd}
.more-spaces>.icon{color:var(--blue)}
.more-spaces p{flex:1;min-width:170px;color:var(--muted);font-size:.84rem}
.more-spaces strong{color:var(--navy);font-weight:600}
.more-spaces .text-link{font-size:.78rem}
.image-disclosure{margin-top:17px;font-size:.66rem;color:#65748a}
.pricing-section{background:var(--surface);border-block:1px solid #eaf0f7}
.pricing-grid{display:grid;gap:35px}
.pricing-grid .section-lead{margin-top:24px}
.pricing-card{padding:30px;border:1px solid #d7e2f0;border-radius:17px;background:white;box-shadow:0 10px 40px #0c264208}
.small-label{display:inline-flex;color:#3e5fa3;font-size:.59rem;letter-spacing:.1em;font-weight:600;padding:5px 10px;background:#edf3ff;border:1px solid #dbe7ff;border-radius:4px;margin-bottom:21px}
.pricing-card h3{font-size:1.65rem;margin-bottom:14px}
.pricing-card>p{font-size:.88rem;color:var(--muted);line-height:1.85}
.pricing-card ul{list-style:none;padding:20px 0;margin:0;display:grid;gap:10px}
.pricing-card li{display:flex;align-items:center;gap:10px;font-size:.76rem;color:#506177}
.pricing-card li .icon{width:17px;height:17px;color:var(--blue)}
.pricing-card .text-link{font-size:.77rem;border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between}
.faq-grid{display:grid;gap:32px}
.faq-grid .section-lead{margin-top:23px}
.faq-list{border-top:1px solid var(--line)}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:22px;cursor:pointer;padding:22px 0;font-size:.91rem;font-weight:500;line-height:1.5;min-height:67px}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:hover{color:var(--blue)}
.faq-plus{position:relative;flex-shrink:0;width:18px;height:18px}
.faq-plus::before,.faq-plus::after{content:"";position:absolute;left:2px;top:8px;width:13px;height:1px;background:currentColor}
.faq-plus::after{transform:rotate(90deg);transition:transform .2s}
details[open] .faq-plus::after{transform:rotate(0deg)}
.faq-list details>p{padding:0 30px 24px 0;color:var(--muted);font-size:.87rem;line-height:1.85}
.trial-section{margin-top:0;margin-bottom:66px}
.trial-inner{position:relative;isolation:isolate;overflow:hidden;text-align:center;border-radius:22px;background:var(--navy);color:white;padding:54px 23px 37px}
.trial-label{display:inline-flex;align-items:center;gap:10px;color:#b7d1ff;font-size:.6rem;letter-spacing:.15em;font-weight:500;margin-bottom:26px}
.trial-label .status-dot{background:#80c1ff;box-shadow:0 0 0 4px #8bc2ff13;width:5px;height:5px}
.trial-inner h2{position:relative;color:white;font-size:clamp(2rem,4.2vw,3.4rem);line-height:1.12}
.trial-inner>p{position:relative;color:#b7c5d9;font-size:.92rem;margin-top:24px;line-height:1.9}
.trial-status{position:relative;display:inline-flex;justify-content:center;align-items:center;gap:10px;background:#163255;border:1px solid #385172;border-radius:7px;max-width:100%;padding:13px 18px;margin-top:28px;color:#d1dff2;font-size:.7rem}
.trial-status .icon{width:17px;height:17px}
.trial-back{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;font-size:.69rem;color:#b2c5df;margin:20px auto 0;min-height:44px;width:fit-content}
.trial-back:hover{color:white}
.trial-orbit{position:absolute;z-index:-1;width:440px;height:440px;right:-310px;top:-110px;border:1px solid #6285bc35;border-radius:50%;box-shadow:0 0 0 40px #476eae0a,0 0 0 80px #476eae08,0 0 0 120px #476eae07,0 0 0 160px #476eae06}
.footer-top{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;padding-bottom:32px}
.footer-top .brand img{width:174px}
.footer-top p{font-size:.75rem;color:var(--muted);margin-top:8px}
.footer-top nav{display:flex;flex-wrap:wrap;align-items:center;gap:10px 26px}
.footer-top nav a{font-size:.76rem;color:#4f6077;min-height:44px;display:inline-flex;align-items:center}
.footer-top nav a:hover{color:var(--blue)}
.footer-bottom{display:flex;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;border-top:1px solid var(--line);padding:23px 0 28px;color:#65748a;font-size:.65rem}
@media(min-width:600px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-photo{aspect-ratio:1.85}.hero-visual figcaption{font-size:.68rem}.screen-note{display:flex;position:absolute;bottom:52px;right:23px;align-items:flex-start;gap:12px;background:#fffffff2;border-radius:11px;padding:16px 23px;font-size:.72rem;line-height:1.65;box-shadow:0 8px 40px #07182f17}.screen-note .status-dot{margin-top:5px;background:#258068;box-shadow:0 0 0 4px #25806814}.visual-tag{left:25px;top:25px}.scene-panel{aspect-ratio:1.6}.scene-switcher label{font-size:.75rem}.preview-eyebrow{font-size:.62rem}.scene-panel small{font-size:.75rem}.studio-bottombar{font-size:.7rem}.trial-inner{padding:65px 40px 37px}}
@media(min-width:768px){.container{width:min(calc(100% - 64px),var(--container))}.section{padding-block:100px}.section-heading{grid-template-columns:1.3fr 1fr;align-items:end;gap:60px;margin-bottom:45px}.section-heading .section-lead{max-width:330px;justify-self:end}.example-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.example-image img{aspect-ratio:1.25}.pricing-grid{grid-template-columns:1fr 1fr;gap:65px;align-items:center}.faq-grid{grid-template-columns:.7fr 1fr;gap:65px}.trial-section{margin-bottom:75px}.trial-inner{padding-block:73px 38px}.trial-orbit{right:-170px;top:-150px}.contexts{gap:26px}.contexts>span:first-child{width:auto;text-align:left;margin-right:auto}.contexts p{font-size:.81rem}.context-separator{display:none}.hero-intro>p{max-width:530px}}
@media(min-width:1024px){.hero{padding-top:73px}.hero-heading{grid-template-columns:1.35fr 1fr;align-items:end;gap:55px;margin-bottom:48px}.hero-intro{padding-bottom:5px}.hero-intro>p{font-size:1rem;max-width:420px}.hero-actions{gap:25px;margin-top:28px}.hero-photo{aspect-ratio:2.35;object-position:center 54%}.hero-visual{padding-bottom:30px}.visual-tag{font-size:.79rem;padding:15px 19px}.visual-tag .icon{width:28px;height:28px}.screen-note{font-size:.77rem;bottom:55px;right:27px}.contexts{padding-block:31px 37px;gap:33px}.contexts p{font-size:.86rem}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.feature-card{padding:31px;min-height:300px}.feature-card h3{font-size:1.18rem}.feature-card>p{font-size:.85rem}.feature-detail{margin-top:25px}.workflow{padding-block:98px}.workflow-grid{grid-template-columns:.95fr 1.05fr;gap:80px}.studio-demo{transform:rotate(-1.5deg)}.scene-panel{aspect-ratio:1.5}.scene-panel>p{font-size:2.5rem}.scene-switcher{padding:23px;gap:9px}.scene-switcher legend{font-size:.68rem}.studio-topbar{padding:21px 23px}.studio-bottombar{padding-inline:23px}.version-note{margin-left:34px;margin-right:-10px;transform:rotate(1deg);font-size:.76rem}.demo-caption{margin-left:10px;margin-top:18px}.example-image img{aspect-ratio:1.5}.example-copy h3{font-size:1.9rem}.example-copy{padding-top:26px}.more-spaces{margin-top:47px}.pricing-grid{gap:100px}.pricing-card{padding:36px 39px}.faq-grid{grid-template-columns:.7fr 1.3fr;gap:100px}.trial-inner{border-radius:25px}.trial-inner>p{font-size:1rem}}
@media(min-width:1280px){.hero-heading{gap:72px}.hero-intro>p{font-size:1.04rem}.hero-actions{gap:27px}.contexts{gap:37px}.contexts>span:first-child{font-size:.63rem}.contexts p{font-size:.94rem}.context-separator{display:block}.feature-card{min-height:310px}.workflow-grid{gap:105px}.section{padding-block:110px}}
@media(max-width:900px){.header-inner{gap:0;min-height:70px}.brand img{width:163px}.main-nav{width:100%;flex-wrap:wrap;gap:0 22px;padding:8px 0 17px}.main-nav .button{margin-left:auto}.js .menu-toggle{display:flex}.js .main-nav{display:none}.js .main-nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:13px 0 22px}.js .main-nav>a:not(.button){padding:10px 5px;border-top:1px solid #eef2f7;min-height:48px;font-size:.94rem}.js .main-nav .button{margin:12px 0 0;min-height:48px}.hero{padding-top:43px}.launch-label{margin-bottom:22px}}
@media(max-width:374px){.container{width:calc(100% - 32px)}.hero-actions{gap:12px}.hero-actions .button{padding-inline:17px;gap:12px;font-size:.83rem}.hero-actions .text-link{font-size:.79rem}.launch-label{font-size:.61rem;gap:7px}h1{font-size:2.55rem}.contexts{gap:12px 16px}.contexts p{font-size:.76rem}.scene-switcher{padding:13px;gap:5px}.scene-switcher label{font-size:.59rem;gap:4px}.studio-topbar{padding:16px 13px}.studio-bottombar{padding-inline:13px;font-size:.52rem}.scene-panel{padding:20px;aspect-ratio:1.2}.feature-card{padding:24px}.trial-inner{padding-inline:18px}.trial-status{padding:12px;font-size:.65rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.feature-card:hover,.button:hover{transform:none}.example-card:hover img{transform:none}}
.feature-card>p{font-size:.94rem;line-height:1.75}
@media(min-width:1024px){.hero-photo{object-position:center 34%}}
@media(max-width:599px){.visual-tag{top:auto;bottom:46px;left:15px;padding:10px 12px}}
@media(max-width:900px){.header-inner{padding-block:13px}}

/* Additional settings and an accessible, CSS-only map of central control. */
.example-fastfood,.example-clinic{grid-column:1/-1}
.example-fastfood{padding-bottom:12px}
.example-fastfood .image-category{top:auto;bottom:18px}
.example-fastfood .example-image img{aspect-ratio:1.5;object-fit:contain;transform:none}
.example-fastfood .example-copy>div>p{font-size:.94rem;color:var(--muted);margin:13px 0 15px;max-width:580px}
.example-fastfood .example-copy>div>span{font-size:.7rem;color:#65768c}
.example-fastfood .example-copy>div>span>span{padding:0 9px;color:#95a4b7}
.example-clinic{margin-top:6px}
.example-clinic .example-copy>.eyebrow{color:var(--blue);font-size:.62rem;letter-spacing:.13em;margin:0 0 17px}
.example-clinic .example-image img{object-position:center 38%}
.control-section{padding-top:15px}
.map-invitation{margin-top:16px;color:var(--blue);font-size:.8rem;font-weight:500}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.network-map{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;padding:20px;min-width:0;border:1px solid #dce6f3;border-radius:20px;background-color:#f5f8fd;background-image:radial-gradient(#ccd9ec 1px,transparent 1px);background-size:18px 18px}
.map-connections{display:none}
.map-radio{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.map-place{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-width:0;gap:7px;padding:17px 13px;border:1px solid #dce5f0;border-radius:11px;background:white;cursor:pointer;transition:border-color .2s,box-shadow .2s}
.map-place:hover{border-color:#96b7f7}
.map-radio:checked+.map-place{border-color:#2563f4;box-shadow:0 0 0 2px #2563f414}
.map-radio:focus-visible+.map-place{outline:3px solid var(--blue);outline-offset:4px}
.map-place-top{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;margin-bottom:5px}
.map-place-top .icon{width:19px;height:19px;color:var(--blue)}
.map-site-label{color:#65768c;font-size:.55rem;letter-spacing:.07em}
.map-place>strong{font-size:.91rem;font-weight:600;color:var(--navy);line-height:1.25}
.map-place>span:not(.map-place-top):not(.mini-screens):not(.map-place-action){color:var(--muted);font-size:.67rem;line-height:1.5}
.mini-screens{display:flex;gap:4px;align-items:center;min-height:27px;margin-top:3px}
.mini-screens i{display:block;position:relative;width:15px;height:11px;border:1.5px solid #264666;border-radius:2px;background:#c8d9f5}
.mini-screens i::after{content:"";position:absolute;bottom:-4px;left:5px;width:3px;height:3px;background:#264666}
.place-fastfood .mini-screens i{background:#f3d6af}
.place-clinic .mini-screens i{background:#cae1d4}
.mini-portrait i{width:12px;height:21px}
.map-place-action{display:flex;justify-content:space-between;gap:5px;width:100%;margin-top:auto;padding-top:8px;border-top:1px solid #e8edf5;font-size:.59rem;color:#536a89;line-height:1.5}
.map-radio:checked+.map-place .map-place-action{color:#164bcc}
.control-hub{position:relative;grid-column:1/-1;grid-row:1;background:var(--navy);color:white;padding:27px 23px;border:1px solid #2e4d74;border-radius:14px;margin-bottom:16px;box-shadow:0 12px 30px #112b5114}
.control-hub::after{content:"";position:absolute;width:2px;height:31px;background:#91afd9;bottom:-32px;left:calc(50% - 1px)}
.hub-eyebrow{display:block;color:#a7c7f3;font-size:.55rem;letter-spacing:.12em;margin-bottom:13px}
.control-hub h3{color:white;font-size:1.55rem;letter-spacing:-.035em}
.control-hub>p{color:#bfccdd;font-size:.78rem;line-height:1.7;margin-top:9px}
.hub-selection{padding:15px 13px;margin-top:23px;background:#142e4d;border:1px solid #345070;border-radius:7px}
.hub-selection-label{display:block;color:#a3c1e9;font-size:.52rem;letter-spacing:.07em;margin-bottom:10px}
.hub-example{display:none;min-height:54px}
.hub-example strong{display:block;color:#f2f7ff;font-size:.77rem;font-weight:500;line-height:1.5}
.hub-example span{display:block;margin-top:5px;color:#bdcde1;font-size:.66rem;line-height:1.65}
#map-fastfood:checked~.control-hub .hub-fastfood,#map-clinic:checked~.control-hub .hub-clinic,#map-hotel:checked~.control-hub .hub-hotel,#map-retail:checked~.control-hub .hub-retail{display:block}
.hub-steps{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:11px}
.hub-steps li{display:flex;align-items:center;gap:9px;color:#dae6f7;font-size:.71rem}
.hub-steps li>span{display:grid;place-items:center;flex-shrink:0;width:19px;height:19px;border-radius:50%;border:1px solid #5d789b;font-size:.57rem;color:#bfd9ff}
.map-caption{color:var(--muted);font-size:.72rem;margin-top:17px;max-width:810px;line-height:1.8}
@media(min-width:600px){.map-place{padding:23px}.map-place>strong{font-size:1.1rem}.map-place>span:not(.map-place-top):not(.mini-screens):not(.map-place-action){font-size:.78rem}.map-site-label{font-size:.6rem}.map-place-action{font-size:.66rem}.mini-screens i{width:24px;height:16px}.mini-screens i::after{left:9px;width:4px}.mini-portrait i{width:14px;height:25px}.network-map{padding:30px;gap:20px}.control-hub{padding:28px}.control-hub h3{font-size:1.7rem}.hub-example strong{font-size:.86rem}.hub-example span{font-size:.75rem}.hub-selection-label{font-size:.57rem}.control-hub::after{height:37px;bottom:-38px}}
@media(min-width:768px){.example-fastfood .example-image img{aspect-ratio:2.4;object-fit:cover;object-position:center 36%}.example-fastfood .example-copy{display:grid;grid-template-columns:1fr 1fr;gap:28px}.example-fastfood .example-copy>div>p{margin-top:0}.example-fastfood{padding-bottom:24px}.example-clinic{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;padding-top:24px;border-top:1px solid var(--line);margin-top:14px}.example-clinic .example-copy{padding:5px 5px 5px 10px}.example-clinic .example-image img{aspect-ratio:1.25}.control-section{padding-top:15px}.network-map{grid-template-columns:1fr 1.2fr 1fr;grid-template-rows:repeat(2,minmax(190px,auto));gap:25px 32px;padding:32px}.map-connections{display:block;position:absolute;inset:0;width:100%;height:100%;z-index:-1}.control-hub{grid-column:2;grid-row:1/3;align-self:center;margin:0;padding:25px 19px}.control-hub::after{display:none}.place-fastfood{grid-column:1;grid-row:1}.place-clinic{grid-column:3;grid-row:1}.place-hotel{grid-column:1;grid-row:2}.place-retail{grid-column:3;grid-row:2}.map-place{padding:18px 15px;justify-content:center}.map-place-action{margin-top:7px}.map-place>strong{font-size:1.03rem}.control-hub h3{font-size:1.5rem}.hub-example{min-height:80px}.network-map:has(#map-fastfood:checked) .connection-fastfood,.network-map:has(#map-clinic:checked) .connection-clinic,.network-map:has(#map-hotel:checked) .connection-hotel,.network-map:has(#map-retail:checked) .connection-retail{stroke:#2563f4;stroke-width:3;stroke-dasharray:none}}
@media(min-width:1024px){.example-clinic .example-copy{padding-left:35px}.example-clinic .example-image img{aspect-ratio:1.4}.network-map{padding:40px 50px;column-gap:70px;row-gap:28px}.map-place{padding:22px}.control-hub{padding:30px 24px}.control-hub h3{font-size:1.7rem}.hub-example{min-height:61px}.map-place>strong{font-size:1.15rem}.map-place-action{font-size:.68rem}.hub-selection{padding:16px}.hub-selection-label{font-size:.56rem}.map-place-top{margin-bottom:8px}.map-site-label{font-size:.59rem}}
@media(max-width:374px){.network-map{padding:14px;gap:10px}.map-place{padding:14px 10px}.map-site-label{font-size:.5rem}.map-place>strong{font-size:.83rem}.map-place-action{font-size:.55rem}.mini-screens{gap:3px}.control-hub{padding:24px 19px;margin-bottom:17px}}
@media(min-width:768px){.example-fastfood .example-image img{object-position:center 12%}}

/* A real editor screenshot, with a closer view of the canvas on phones. */
.editor-section{padding-top:0}
.editor-frame{border:1px solid #d7e2ef;border-radius:16px;overflow:hidden;background:white;box-shadow:0 16px 55px #142d4c0b}
.editor-frame-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:var(--navy);color:#fff;font-size:.8rem;font-weight:500}
.editor-frame-heading>span:first-child{display:flex;align-items:center;gap:11px}
.editor-frame-heading .icon{width:20px;height:20px;color:#a5c9ff}
.editor-mode{padding:4px 8px;border:1px solid #496382;border-radius:5px;color:#c5daff;font-size:.57rem;letter-spacing:.1em}
.editor-screenshot-link{display:block;cursor:zoom-in}
.editor-screenshot-link:focus-visible{outline-offset:-4px;outline-width:4px}
.editor-screenshot-link picture,.editor-screenshot-link img{display:block;width:100%}
.editor-showcase figcaption{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 22px;margin-top:13px}
.editor-showcase figcaption p{color:var(--muted);font-size:.7rem;max-width:540px}
.editor-showcase .text-link{font-size:.75rem;color:#174dc2;gap:8px}
.editor-benefits{list-style:none;display:grid;gap:24px;margin:28px 0 0;padding:28px 0 0;border-top:1px solid var(--line)}
.editor-benefits li{display:flex;align-items:flex-start;gap:16px;min-width:0}
.editor-step{color:#3564b7;font-size:.72rem;font-weight:600;padding-top:2px}
.editor-benefits h3{font-size:1rem;letter-spacing:-.02em;margin-bottom:9px}
.editor-benefits p{color:var(--muted);font-size:.84rem;line-height:1.8}
@media(min-width:600px){.editor-mobile-note{display:none}}
@media(min-width:768px){.editor-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;margin-top:30px;padding-top:32px}.editor-frame-heading{padding:18px 24px}.editor-frame{border-radius:18px}.editor-showcase figcaption p{max-width:none}}

/* The language links stay visible even when the main menu is collapsed. */
.header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
.language-switch{display:flex;align-items:center;gap:2px;padding:2px;border:1px solid var(--line);border-radius:8px;background:#f5f8fc}
.language-switch a{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:44px;border-radius:5px;font-size:.7rem;font-weight:600;color:#4f6077}
.language-switch a:hover{color:var(--blue);background:#e6edfa}
.language-switch a[aria-current="page"]{color:white;background:var(--navy)}
@media(max-width:1100px){.header-inner{gap:0;min-height:70px;padding-block:13px}.header-actions{margin-left:auto}.main-nav{order:3;width:100%;flex-wrap:wrap;gap:0 22px;padding:8px 0 17px;margin-left:0}.main-nav .button{margin-left:auto}.js .menu-toggle{display:flex}.js .main-nav{display:none}.js .main-nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:13px 0 22px}.js .main-nav>a:not(.button){padding:10px 5px;border-top:1px solid #eef2f7;min-height:48px;font-size:.94rem}.js .main-nav .button{margin:12px 0 0;min-height:48px}}
@media(max-width:374px){.site-header .brand img{width:138px}.header-actions{gap:6px}}