/* v20: a wider stage, editorial chapter silhouettes, and a coherent material scale. */
/* Scoped above inherited palettes; maintained separately from color conversion. */
:root{--visual-line:color-mix(in srgb,var(--hero-tone) 18%,transparent);--visual-shadow:0 16px 38px #0b1e3812;--visual-ease:cubic-bezier(.2,.8,.2,1)}
body[data-visual-edition]{background-attachment:fixed;--visual-line:color-mix(in srgb,var(--hero-tone) 18%,transparent)}
body[data-visual-edition] .page{isolation:isolate}
body[data-visual-edition] .section{padding:64px 32px 52px;position:relative}
body[data-visual-edition] .section h2{font-size:34px;line-height:1.5;letter-spacing:-.045em;text-wrap:balance}
body[data-visual-edition] .section-lead{font-size:13px;line-height:1.95;max-width:38em}
body[data-visual-edition] .section-kicker{font-size:11px;letter-spacing:.13em;opacity:.88}
body[data-visual-edition] .section h2 mark{box-decoration-break:clone;-webkit-box-decoration-break:clone}
body[data-visual-edition] .paper-grid{background-size:34px 34px}
body[data-visual-edition] .topbar{box-shadow:0 8px 24px #081d3912}
body[data-visual-edition] .hero-section{padding-top:15px}
body[data-visual-edition] #top .hero-card{border-width:1px;border-radius:24px;padding:23px 22px 18px;box-shadow:inset 0 0 0 5px #ffffff35,0 20px 55px #0c285515}
body[data-visual-edition] #top .hero-product{margin-bottom:9px;border-radius:4px;font-size:11px}
body[data-visual-edition] #top .hero-line{font-size:clamp(25px,6.1cqw,37px)}
body[data-visual-edition] #top .hero-card h1 strong{font-size:clamp(43px,10.3cqw,69px);line-height:1.16;margin:4px 0 0;letter-spacing:-.055em}
body[data-visual-edition] #top .hero-question{font-size:clamp(32px,7.2cqw,48px);line-height:1.25;margin-top:-4px;padding-right:3px}
body[data-visual-edition] #top .hero-lead{font-size:13px;line-height:1.8;margin-top:13px;max-width:40em}
body[data-visual-edition] #top .hero-device-scene{margin-top:16px}
body[data-visual-edition] .hero-device-brow{font-size:10px;min-height:22px;margin-bottom:13px}
body[data-visual-edition] .hero-device-brow>span:last-child{border:0;border-bottom:1px solid var(--visual-line);border-radius:0;padding:2px 0}
body[data-visual-edition] .hero-device-stage{padding-right:14%;padding-bottom:4px;min-width:0}
body[data-visual-edition] .hero-tablet-wrap{margin-left:0;margin-right:0;padding-bottom:24px}
body[data-visual-edition] .hero-tablet{padding:10px 12px;border:1px solid #d5dce8;border-radius:21px;background:linear-gradient(130deg,#afb6bd,#26303c 9%,#101824 74%,#65717e 98%);box-shadow:inset 0 0 0 1px #f7fbff66,0 3px 0 #0a1320,0 18px 25px #0b204c27,0 35px 45px #0b204c14}
body[data-visual-edition] .hero-tablet-screen{border-radius:11px;border:1px solid #060c15}
body[data-visual-edition] .hero-tablet-stand{width:82px;height:28px;left:calc(50% - 41px);background:linear-gradient(100deg,#7f8a96,#eaf0f3 45%,#a3b0ba 70%,#d9e1e7);filter:drop-shadow(0 4px 2px #142d422c)}
body[data-visual-edition] .hero-counter{left:-4%;right:-4%;bottom:-7px;height:23px;background:radial-gradient(ellipse,#0b284a40 0,transparent 66%)}
body[data-visual-edition] #top .hero-device-stage .hero-partner{position:absolute;right:-4%;bottom:0;width:34%;height:auto;min-height:0;aspect-ratio:1;z-index:6;isolation:isolate;transform-origin:50% 93%}
body[data-visual-edition] #top .hero-device-stage .hero-partner::before{content:"";position:absolute;left:17%;right:14%;bottom:0;height:7%;border-radius:50%;background:#17304b35;filter:blur(4px);z-index:-1}
body[data-visual-edition] #top .hero-device-stage .hero-character{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1;margin:0;z-index:3;filter:drop-shadow(1px 1px 0 #fff6) drop-shadow(5px 6px 3px #132f4c20);animation:none;transform-origin:50% 94%}
body[data-visual-edition] #top .hero-device-stage .hero-finish-spark{right:13%;top:6%;font-size:25px}
body[data-visual-edition] .hero-phone-handoff{right:14%;transform:translateX(6%)}
body[data-visual-edition] .hero-phone-handoff[hidden]{transform:translate(18%,13px) scale(.97)}
body[data-visual-edition] .hero-story-row{display:grid;grid-template-columns:1fr;grid-template-areas:"story" "greet";gap:0;margin-top:8px}
body[data-visual-edition] .hero-story-card{border:0;border-left:2px solid var(--hero-accent);border-radius:0;box-shadow:none;padding:7px 11px;min-height:93px;background:transparent}
body[data-visual-edition] .hero-story-card>small{font-size:9px;margin:0 0 3px}
body[data-visual-edition] .hero-story-copy>strong{font-size:15px;line-height:1.5}
body[data-visual-edition] .hero-story-copy>p{font-size:12px;line-height:1.65;margin-top:3px}
body[data-visual-edition] .hero-story-copy>span{border:0;margin-top:3px;padding:0;font-size:10px}
body[data-visual-edition] #top .hero-story-row .hero-bubble{border:0;border-top:1px solid var(--visual-line);box-shadow:none;background:transparent;border-radius:0;min-height:39px;padding:7px 0;font-size:11px;margin-top:6px}
body[data-visual-edition] #top .hero-bubble small{font-size:10px}
body[data-visual-edition] .hero-flow-controls{margin-top:9px;padding-top:8px}
body[data-visual-edition] .hero-flow-steps button{min-height:44px;font-size:11px;padding:5px 3px;grid-auto-flow:column;gap:5px}
body[data-visual-edition] .hero-device-play{min-height:44px;font-size:10px;min-width:49px}
body[data-visual-edition] .hero-device-note{font-size:10px;line-height:1.55;margin-top:7px;opacity:.85}
body[data-visual-edition] #top .hero-primary-links{margin-top:14px;gap:8px}
body[data-visual-edition] #top .hero-cta{min-height:60px;padding-top:11px;padding-bottom:11px}
body[data-visual-edition] #top .hero-feature-links{gap:0 15px}
body[data-visual-edition] #top .hero-feature-links a{font-size:11px;min-height:36px}
body[data-visual-edition] .hero-stats{border-bottom:1px solid var(--visual-line)}
body[data-visual-edition] .real-screen-bridge{padding:25px 0 0;border:0;border-top:1px solid var(--visual-line);border-radius:0;box-shadow:none;background:transparent}
body[data-visual-edition] .real-screen-bridge .bridge-image{box-shadow:0 12px 25px #0c233b25}
body[data-visual-edition] .app-panel{border-width:0 0 1px;border-radius:0;box-shadow:none;background:transparent;padding:27px 2px;min-height:0}
body[data-visual-edition] .app-panel h3{font-size:25px;line-height:1.6}
body[data-visual-edition] .app-panel p{font-size:13px;line-height:1.95}
body[data-visual-edition] .crew-tabs{gap:13px;margin-top:30px}
body[data-visual-edition] .crew-tab{border:1px solid var(--visual-line);padding:17px 11px 21px;background:linear-gradient(165deg,#ffffffd9,#ffffff40);box-shadow:0 5px 0 color-mix(in srgb,var(--hero-tone) 9%,transparent);transition:border-color .4s,box-shadow .4s,background .4s;isolation:isolate}
body[data-visual-edition] .crew-tab.is-active{border-color:var(--hero-tone);background:linear-gradient(155deg,var(--hero-soft),#fffdf4);box-shadow:0 8px 0 color-mix(in srgb,var(--hero-tone) 20%,transparent),0 22px 34px #132c5014}
body[data-visual-edition] .crew-tab .crew-sprite{filter:drop-shadow(2px 7px 3px #0c254529);transform-origin:50% 94%;transition:scale .45s var(--visual-ease)}
body[data-visual-edition] .crew-tab.is-active .crew-sprite{scale:1.07}
body[data-visual-edition] .crew-tab>strong{font-size:27px}
body[data-visual-edition] .crew-role{font-size:10px}
body[data-visual-edition] .crew-task{font-size:10px;line-height:1.6}
body[data-visual-edition] .tap-hint{font-size:11px}
body[data-visual-edition] .manager-demo,body[data-visual-edition] .customer-demo,body[data-visual-edition] .data-dashboard{border-width:1px;box-shadow:var(--visual-shadow);border-radius:19px}
body[data-visual-edition] .manager-message>div{border-radius:15px 15px 15px 3px;box-shadow:0 6px 14px #15365b0a}
body[data-visual-edition] .manager-message-mine>div{border-radius:15px 15px 3px 15px}
body[data-visual-edition] .feature-chip-row{gap:7px;margin-top:21px}
body[data-visual-edition] .feature-chip-row>span{border:0;background:color-mix(in srgb,var(--hero-tone) 7%,transparent);padding:5px 10px}
body[data-visual-edition] .feature-demo-note,body[data-visual-edition] .fineprint{font-size:10px;line-height:1.9}
body[data-visual-edition] .feature-tab-row{gap:5px;padding:14px 15px 0}
body[data-visual-edition] .feature-tab-row button{border:0;border-radius:7px;min-height:44px}
body[data-visual-edition] .feature-tour-controls{border-top:1px solid var(--visual-line);background:transparent}
body[data-visual-edition] .cast-showcase{border-radius:22px;box-shadow:0 20px 50px #0b204628}
body[data-visual-edition] .cast-profile{border-radius:13px;border-width:1px;box-shadow:0 8px 25px #10244714}
body[data-visual-edition] .cast-profile-top{gap:15px}
body[data-visual-edition] .cast-profile h4{font-size:29px;letter-spacing:.025em}
body[data-visual-edition] #cast-profile-copy{font-size:12px;line-height:1.9}
body[data-visual-edition] .cast-profile-portrait{width:112px;height:126px;border-radius:7px;background:radial-gradient(ellipse at 50% 80%,#e8c58d,#fff5db 80%);overflow:hidden}
body[data-visual-edition] .cast-profile-portrait>.cast-portrait{width:112px;border-radius:0}
body[data-visual-edition] .cast-profile-top>div{flex:1}
body[data-visual-edition] #cast-profile-tag{border:0;background:transparent;padding:5px 0;font-size:11px;border-radius:0}
body[data-visual-edition] .cast-card-portrait{filter:drop-shadow(0 5px 6px #091c3733)}
body[data-visual-edition] .data-chart-card,body[data-visual-edition] .data-table-card{border-width:1px;border-color:#9ab2db40;box-shadow:none;border-radius:12px}
body[data-visual-edition] .data-total-number,body[data-visual-edition] #data-total-number{font-variant-numeric:tabular-nums}
body[data-visual-edition] .data-bars .data-bar-fill{box-shadow:inset 1px 0 0 #ffffff65}
body[data-visual-edition] .plan-tabs{gap:10px;border:0;margin:26px 0 0;align-items:stretch}
body[data-visual-edition] .plan-tab{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:6px;min-width:0;padding:16px 12px 17px;border:1px solid var(--visual-line);border-radius:13px;font-size:18px;text-align:left;box-shadow:none;transition:background .3s,border-color .3s,box-shadow .3s}
body[data-visual-edition] .plan-tab>span:not(.visual-plan-price){font-size:10px;line-height:1.6}
body[data-visual-edition] .plan-tab>.visual-plan-price{display:block;font:800 27px/1.2 var(--display);margin-top:auto;padding-top:6px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
body[data-visual-edition] .visual-plan-price>small{display:block;font:700 9px/1.5 var(--sans);letter-spacing:0;margin-top:5px}
body[data-visual-edition] .plan-tab.is-active{box-shadow:0 5px 0 color-mix(in srgb,var(--hero-tone) 23%,transparent),0 12px 25px #09275312}
body[data-visual-edition] .plan-card{margin-top:20px;border:0;border-top:1px solid var(--visual-line);border-bottom:1px solid var(--visual-line);border-radius:0;box-shadow:none;padding:26px 3px 0;background:transparent}
body[data-visual-edition] .plan-card h3{font-size:23px;line-height:1.6}
body[data-visual-edition] .plan-card .price{font-size:70px;margin-top:18px}
body[data-visual-edition] .plan-card .check-list{font-size:13px}
body[data-visual-edition] .plan-card .plan-link{border-radius:0;background:transparent;border-top:1px solid var(--visual-line);color:inherit}
body[data-visual-edition] .price-tax{font-size:10px;line-height:1.8;margin-top:14px}
body[data-visual-edition] .plan-matrix-wrap{border:1px solid var(--visual-line);box-shadow:none;border-radius:12px}
body[data-visual-edition] .setup-examples{padding-top:32px;border-top:1px solid var(--visual-line)}
body[data-visual-edition] .setup-choice-status{font-size:11px}
body[data-visual-edition] .setup-choices{gap:8px}
body[data-visual-edition] .setup-examples article{border:0;border-top:1px solid var(--visual-line);border-radius:0;padding:25px 0;box-shadow:none;background:transparent}
body[data-visual-edition] .flow-list li{border-bottom:1px solid var(--visual-line);padding:24px 0}
body[data-visual-edition] .flow-list h3{font-size:22px}
body[data-visual-edition] .flow-list p{font-size:13px;line-height:1.9}
body[data-visual-edition] .faq-list summary{font-size:14px;padding:22px 0}
body[data-visual-edition] .faq-list details p{font-size:12px;line-height:2}
body[data-visual-edition] .case-story[data-official-case]{border:0;border-radius:4px;box-shadow:var(--visual-shadow);margin-top:30px}
body[data-visual-edition] .case-story[data-official-case] .case-photo{width:100%;max-height:none;aspect-ratio:16/10}
body[data-visual-edition] .case-story[data-official-case] .case-photo img{width:100%;height:100%;object-fit:contain;object-position:center}
body[data-visual-edition] .case-story[data-official-case] .case-content{padding:25px 24px 28px}
body[data-visual-edition] .case-story[data-official-case] h4{font-size:25px;line-height:1.5}
body[data-visual-edition] .case-story[data-official-case] p{font-size:12px;line-height:1.95}
body[data-visual-edition] .journey-card{border-width:1px;border-radius:10px;box-shadow:none;position:relative;overflow:hidden}
body[data-visual-edition] .journey-heading{gap:9px;justify-content:flex-start}
body[data-visual-edition] .journey-heading>p{flex:1}
body[data-visual-edition] .visual-record-seal{position:relative;flex:none;display:grid;place-items:center;width:32px;height:38px;border:1px solid color-mix(in srgb,var(--hero-tone) 35%,transparent);background:var(--hero-paper);color:var(--hero-tone);font:800 18px/1 var(--display);transform:rotate(-5deg);box-shadow:2px 3px 0 color-mix(in srgb,var(--hero-accent) 25%,transparent)}
body[data-visual-edition] .visual-record-seal>i{position:absolute;top:4px;left:5px;right:5px;height:2px;background:var(--hero-accent)}
body[data-visual-edition] .visual-chapter-peek{display:flex;align-items:center;gap:14px;position:relative;min-height:92px;margin:40px -4px -14px;padding:15px 3px 0;border-top:1px solid var(--visual-line);text-decoration:none;color:inherit;overflow:hidden}
body[data-visual-edition] .visual-chapter-peek>span:first-child{flex:1;min-width:0}
body[data-visual-edition] .visual-chapter-peek small{display:block;font:700 9px/1.5 var(--display);letter-spacing:.15em;opacity:.65;margin-bottom:7px}
body[data-visual-edition] .visual-chapter-peek strong{font-size:13px;line-height:1.6;font-weight:800}
body[data-visual-edition] .visual-chapter-peek>b{font-size:25px;color:var(--hero-accent)}
body[data-visual-edition] .visual-peek-art{width:65px;height:76px;position:relative;flex:none;background:radial-gradient(ellipse at 50% 100%,color-mix(in srgb,var(--hero-accent) 30%,transparent),transparent 70%)}
body[data-visual-edition] .visual-peek-art>.crew-sprite{position:absolute;width:90px;bottom:-22px;left:-12px;transition:translate .45s var(--visual-ease)}
body[data-visual-edition] .visual-chapter-peek:hover .crew-sprite{translate:0 -6px}
body[data-visual-edition] .night-next-chapter{display:none}
body[data-visual-edition] .contact-section{overflow:hidden}
body[data-visual-edition] .contact-art{height:230px;isolation:isolate;margin-top:24px}
body[data-visual-edition] .contact-art::before{content:"";position:absolute;left:0;right:0;bottom:3px;height:22px;border-radius:50%;background:radial-gradient(ellipse,#030c294a,transparent 70%);border-bottom:1px solid #ffffff20}
body[data-visual-edition] .contact-art>.crew-sprite{width:46%;max-width:230px;right:0;bottom:0;z-index:3;filter:drop-shadow(0 3px 1px #fff2) drop-shadow(3px 6px 4px #07132f45)}
body[data-visual-edition] .visual-closing-team{position:absolute;left:-4%;right:35%;bottom:0;display:flex;align-items:flex-end;height:100%;z-index:2}
body[data-visual-edition] .visual-closing-team>.crew-sprite{position:relative;inset:auto;width:60%;height:auto;flex:none;margin:0 -14%;filter:drop-shadow(1px 4px 2px #07132f45);transform-origin:50% 95%;animation:none!important}
body[data-visual-edition] .visual-closing-team>.crew-sprite:first-child{margin-left:0;z-index:1}
body[data-visual-edition] .visual-closing-team>.crew-sprite:nth-child(2){z-index:2;translate:0 1px}
body[data-visual-edition] .visual-closing-team>.crew-sprite:last-child{z-index:3}
body[data-visual-edition] .contact-art .contact-bubble{top:-5px;left:2%;font-size:12px;padding:12px 17px;z-index:5}
body[data-visual-edition] .contact-section .document-cta{border-radius:8px}
body[data-visual-edition] .inquiry-details{border-width:1px;border-radius:10px}
body[data-visual-edition] .cta,body[data-visual-edition] .small-cta,body[data-visual-edition] .rail-cta{transition:box-shadow .25s,translate .25s,filter .25s;box-shadow:inset 0 1px 0 #ffffff8c,0 4px 0 color-mix(in srgb,var(--hero-tone) 20%,transparent),0 9px 23px #071c3615}
body[data-visual-edition] .cta:hover,body[data-visual-edition] .small-cta:hover,body[data-visual-edition] .rail-cta:hover{filter:brightness(1.035);translate:0 -2px;transform:none}
body[data-visual-edition] .cta:active,body[data-visual-edition] .small-cta:active,body[data-visual-edition] .rail-cta:active{translate:0 1px;box-shadow:inset 0 1px 0 #ffffff4c,0 1px 0 color-mix(in srgb,var(--hero-tone) 20%,transparent)}
body[data-visual-edition][data-vertical=host] .crew-tab{background:linear-gradient(145deg,#303740,#181d24);border-color:#7f899b55;color:#e4e9f0}
body[data-visual-edition][data-vertical=host] .crew-tab.is-active{background:linear-gradient(145deg,#d8dee6,#a4aeba);color:#131b25}
body[data-visual-edition][data-vertical=host] #top .hero-story-card{background:transparent;color:#e1e6ef}
body[data-visual-edition][data-vertical=host] .hero-story-card>small,body[data-visual-edition][data-vertical=host] .hero-story-copy>span{color:#bfcada}
body[data-visual-edition][data-vertical=host] #top .hero-story-row .hero-bubble{background:transparent;color:#e2e8ef}
body[data-visual-edition][data-vertical=host] #top .hero-bubble small{color:#bfcada}
body[data-visual-edition][data-vertical=host] .plan-card,body[data-visual-edition][data-vertical=host] .setup-examples article{background:transparent;color:#d6dde6}
body[data-visual-edition][data-vertical=host] .plan-card .plan-link{color:#d6dde6}
body[data-visual-edition][data-vertical=host] .visual-chapter-peek{border-color:#9da9ba33}
body[data-visual-edition][data-vertical=cabaret] #top .hero-card{border-radius:25px 25px 3px 3px}
body[data-visual-edition][data-vertical=concafe] #top .hero-card{border-radius:25px 10px 25px 10px}
body[data-visual-edition][data-vertical=host] #top .hero-card{border-radius:3px}
body[data-visual-edition][data-vertical=girlsbar] #top .hero-card{border-radius:9px}
@media(min-width:1100px){
:root{--center:700px}
body[data-visual-edition] .left-rail{left:calc(50% - 541px);width:165px}
body[data-visual-edition] .right-rail{left:calc(50% + 374px);width:165px}
body[data-visual-edition] .rail-wordmark{font-size:29px;padding:14px 10px}
body[data-visual-edition] .rail-title{font-size:19px;line-height:1.8}
body[data-visual-edition] .rail-eyebrow{font-size:8px;letter-spacing:1.2px}
body[data-visual-edition] .left-rail .mini-crew .crew-sprite{width:55px;margin:0 -7px}
body[data-visual-edition] .rail-proof{margin:20px 0}
body[data-visual-edition] .rail-proof strong{font-size:25px}
body[data-visual-edition] .rail-proof small{font-size:7px}
body[data-visual-edition] .rail-cta{font-size:11px;padding:14px 9px}
body[data-visual-edition] .rail-cta small{font-size:6px}
body[data-visual-edition] .rail-cta .arrow-circle{width:21px;height:21px;font-size:15px}
body[data-visual-edition] .right-rail h2{font-size:34px}
body[data-visual-edition] .index-nav a{font-size:9px;gap:8px;padding:7px 0;line-height:1.6}
body[data-visual-edition] .index-nav a>span{font-size:10px}
body[data-visual-edition] .index-group{font-size:8px;margin-top:17px}
body[data-visual-edition] .rail-footer{font-size:8px}
body[data-visual-edition] .section{padding:73px 38px 55px}
body[data-visual-edition] .section h2{font-size:39px;line-height:1.5}
body[data-visual-edition] .section-lead{font-size:14px}
body[data-visual-edition] #top .hero-card{padding:28px 30px 19px}
body[data-visual-edition] #top .hero-card h1{padding-right:4%}
body[data-visual-edition] #top .hero-lead{max-width:39em}
body[data-visual-edition] #top .hero-device-scene{margin-top:21px}
body[data-visual-edition] .hero-device-stage{padding-right:18%}
body[data-visual-edition] #top .hero-device-stage .hero-partner{right:-2%;width:32%}
body[data-visual-edition] .hero-story-row{grid-template-columns:1.25fr 1fr;grid-template-areas:"story greet";gap:18px;align-items:center;margin-top:13px}
body[data-visual-edition] .hero-story-card{min-height:105px}
body[data-visual-edition] .hero-story-copy>strong{font-size:17px}
body[data-visual-edition] .hero-story-copy>p{font-size:13px}
body[data-visual-edition] #top .hero-story-row .hero-bubble{min-height:64px;border:1px solid var(--visual-line);border-radius:12px;padding:13px;background:color-mix(in srgb,var(--hero-paper) 80%,transparent);gap:12px;flex-direction:column;align-items:flex-start;font-size:12px}
body[data-visual-edition] .hero-device-note>span{display:inline}
body[data-visual-edition] .hero-device-note>span+span{margin-left:.5em}
body[data-visual-edition] #top .hero-primary-links{grid-template-columns:1.4fr 1fr}
body[data-visual-edition] .crew-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
body[data-visual-edition] .crew-tab{padding:16px 5px 20px;border-radius:12px}
body[data-visual-edition] .crew-tab .crew-sprite{width:165px;max-width:115%;margin:14px -7.5% 8px}
body[data-visual-edition] .crew-tab>strong{font-size:22px}
body[data-visual-edition] .crew-role{font-size:8px}
body[data-visual-edition] .crew-task{font-size:8px;min-height:27px}
body[data-visual-edition] #crew .app-panel{padding:30px 8px}
body[data-visual-edition] .app-panel h3 br{display:none}
body[data-visual-edition] .manager-demo{width:88%;margin-left:auto;margin-right:0}
body[data-visual-edition] .customer-demo{width:92%;margin-left:0;margin-right:auto}
body[data-visual-edition] #manager>h2,body[data-visual-edition] #customers>h2{max-width:90%}
body[data-visual-edition] .manager-panel{padding:22px 24px}
body[data-visual-edition] .manager-message p{font-size:14px}
body[data-visual-edition] .cast-showcase{padding:28px}
body[data-visual-edition] .cast-profile{padding:22px}
body[data-visual-edition] .cast-profile-top{gap:22px}
body[data-visual-edition] .cast-profile h4{font-size:35px}
body[data-visual-edition] .cast-profile-portrait{width:166px;height:178px}
body[data-visual-edition] .cast-profile-portrait>.cast-portrait{width:166px}
body[data-visual-edition] #cast-profile-copy{margin-left:188px;margin-top:-37px;position:relative;min-height:42px;font-size:13px}
body[data-visual-edition] #data-panel{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:15px;align-items:start}
body[data-visual-edition] .data-summary{grid-column:1/-1}
body[data-visual-edition] .data-chart-card,body[data-visual-edition] .data-table-card{margin:0;min-width:0;padding:15px 10px}
body[data-visual-edition] .data-table-card{align-self:stretch}
body[data-visual-edition] .data-chart-heading h3,body[data-visual-edition] .data-table-heading h3{font-size:13px}
body[data-visual-edition] .data-table-heading>span{font-size:7px}
body[data-visual-edition] .data-table-card th,body[data-visual-edition] .data-table-card td{font-size:10px;padding:12px 4px}
body[data-visual-edition] .data-row-name>small{font-size:8px}
body[data-visual-edition] .data-row-name{gap:5px}
body[data-visual-edition] .data-chart-card .data-hours{font-size:9px}
body[data-visual-edition] .data-caption{grid-column:1/-1}
body[data-visual-edition] .case-story[data-official-case] .case-photo{aspect-ratio:16/9;max-height:370px}
body[data-visual-edition] .case-story[data-official-case] .case-content{padding:28px 33px}
body[data-visual-edition] .case-story[data-official-case] h4{font-size:30px}
body[data-visual-edition] .real-screen-bridge{display:grid;grid-template-columns:1fr 1.2fr;gap:16px 25px;align-items:center}
body[data-visual-edition] .real-screen-bridge .bridge-copy{min-width:0}
body[data-visual-edition] .real-screen-bridge h3{font-size:24px}
body[data-visual-edition] .real-screen-bridge>figure{margin:0}
body[data-visual-edition] .real-screen-bridge>a{grid-column:1/-1}
body[data-visual-edition] .plan-tab{padding:21px 17px;font-size:24px;min-height:160px}
body[data-visual-edition] .plan-tab>span:not(.visual-plan-price){font-size:11px}
body[data-visual-edition] .plan-tab>.visual-plan-price{font-size:35px}
body[data-visual-edition] .visual-plan-price>small{font-size:10px}
body[data-visual-edition] .plan-card{padding:30px 8px 0}
body[data-visual-edition] .plan-card h3{font-size:27px}
body[data-visual-edition] .plan-card .price{font-size:82px}
body[data-visual-edition] .plan-card .check-list{display:grid;grid-template-columns:1fr 1fr;gap:5px 20px}
body[data-visual-edition] .plan-card .check-list li{font-size:13px}
body[data-visual-edition] .contact-art{height:300px}
body[data-visual-edition] .contact-art>.crew-sprite{width:37%;max-width:270px}
body[data-visual-edition] .visual-closing-team{left:0;right:28%}
body[data-visual-edition] .visual-closing-team>.crew-sprite{width:50%;margin:0 -9%}
body[data-visual-edition] .contact-art .contact-bubble{left:2%;top:0;font-size:14px;padding:16px 24px}
body[data-visual-edition] .visual-chapter-peek{min-height:109px;margin-top:50px}
body[data-visual-edition] .visual-chapter-peek strong{font-size:17px}
body[data-visual-edition] .visual-peek-art{width:83px;height:95px}
body[data-visual-edition] .visual-peek-art>.crew-sprite{width:116px;bottom:-26px;left:-15px}
}
@media(min-width:1400px){
:root{--center:760px}
body[data-visual-edition] .left-rail{left:calc(50% - 648px);width:220px}
body[data-visual-edition] .right-rail{left:calc(50% + 423px);width:213px}
body[data-visual-edition] .rail-wordmark{font-size:35px}
body[data-visual-edition] .rail-title{font-size:23px}
body[data-visual-edition] .left-rail .mini-crew .crew-sprite{width:72px;margin:0 -9px}
body[data-visual-edition] .rail-cta{font-size:13px}
body[data-visual-edition] .rail-cta small{font-size:8px}
body[data-visual-edition] .index-nav a{font-size:11px}
body[data-visual-edition] .section{padding-left:45px;padding-right:45px}
}
@media(min-width:1001px) and (max-width:1099px){
:root{--center:620px}
body[data-visual-edition] .left-rail{left:calc(50% - 493px);width:155px}
body[data-visual-edition] .right-rail{left:calc(50% + 333px);width:153px}
body[data-visual-edition] .rail-wordmark{font-size:26px;padding:13px 8px}
body[data-visual-edition] .rail-title{font-size:18px}
body[data-visual-edition] .rail-eyebrow{font-size:7px;letter-spacing:1px}
body[data-visual-edition] .left-rail .mini-crew .crew-sprite{width:50px}
body[data-visual-edition] .rail-cta{font-size:10px;padding:12px 7px}
body[data-visual-edition] .rail-cta small{font-size:6px}
body[data-visual-edition] .index-nav a{font-size:8px;gap:6px}
body[data-visual-edition] .index-group{font-size:8px}
body[data-visual-edition] .right-rail h2{font-size:32px}
body[data-visual-edition] .rail-proof small{font-size:7px}
}
@media(min-width:541px) and (max-width:1000px){
:root{--center:690px}
body[data-visual-edition] .page{width:min(100%,690px)}
body[data-visual-edition] .section{padding-left:36px;padding-right:36px}
body[data-visual-edition] .hero-device-stage{padding-right:17%}
}
@media(max-width:540px){
body[data-visual-edition] .section{padding:44px 20px 39px}
body[data-visual-edition] .section h2{font-size:29px;line-height:1.55}
body[data-visual-edition] .section-lead{font-size:12px;line-height:1.95;margin-top:16px}
body[data-visual-edition] .section-kicker{margin-bottom:15px;font-size:10px}
body[data-visual-edition] .hero-section{padding:10px 11px 0}
body[data-visual-edition] #top .hero-card{padding:17px 16px 12px;border-radius:20px}
body[data-visual-edition] #top .hero-product{font-size:10px;padding:3px 6px;margin-bottom:7px}
body[data-visual-edition] #top .hero-line{font-size:clamp(22px,6.3cqw,28px)}
body[data-visual-edition] #top .hero-card h1 strong{font-size:clamp(35px,10.6cqw,44px);line-height:1.15}
body[data-visual-edition] #top .hero-question{font-size:clamp(28px,8.7cqw,37px);margin-top:-3px}
body[data-visual-edition][data-vertical=concafe] #top .hero-line{font-size:clamp(19px,6.2cqw,25px)}
body[data-visual-edition][data-vertical=concafe] #top .hero-card h1 strong{font-size:clamp(33px,10cqw,41px)}
body[data-visual-edition] #top .hero-lead{font-size:12px;line-height:1.8;margin-top:11px}
body[data-visual-edition] #top .industry-picker{margin-bottom:8px}
body[data-visual-edition] .industry-picker>summary{min-height:33px;font-size:10px;padding-bottom:6px}
body[data-visual-edition] .industry-picker>summary>strong{font-size:10px}
body[data-visual-edition] #top .hero-device-scene{margin-top:12px}
body[data-visual-edition] .hero-device-brow{font-size:9px;margin:0 0 9px;gap:5px}
body[data-visual-edition] .hero-device-brow>span:last-child{font-size:9px}
body[data-visual-edition] .hero-device-stage{padding-right:13%}
body[data-visual-edition] #top .hero-device-stage .hero-partner{width:37%;right:-7%;bottom:-1px}
body[data-visual-edition] .hero-tablet{padding:7px 9px;border-radius:16px}
body[data-visual-edition] .hero-tablet-screen{border-radius:7px}
body[data-visual-edition] .hero-tablet-wrap{padding-bottom:19px}
body[data-visual-edition] .hero-tablet-stand{width:65px;height:23px;left:calc(50% - 32px)}
body[data-visual-edition] .hero-story-card{min-height:88px;padding:5px 9px}
body[data-visual-edition] .hero-story-copy>strong{font-size:13px}
body[data-visual-edition] .hero-story-copy>p{font-size:11px}
body[data-visual-edition] .hero-story-copy>span{font-size:10px}
body[data-visual-edition] #top .hero-story-row .hero-bubble{font-size:11px;min-height:35px;margin-top:3px;padding:5px 0}
body[data-visual-edition] .hero-device-note{font-size:9px;line-height:1.55}
body[data-visual-edition] .hero-flow-steps button{font-size:11px;min-height:44px}
body[data-visual-edition] .hero-device-play{min-height:44px}
body[data-visual-edition] .hero-flow-controls{margin-top:7px;padding-top:5px}
body[data-visual-edition] #top .hero-cta{font-size:15px;min-height:57px}
body[data-visual-edition] #top .hero-cta small{font-size:10px}
body[data-visual-edition] .hero-screen-link{min-height:41px;font-size:12px}
body[data-visual-edition] #top .hero-stats{padding:18px 0}
body[data-visual-edition] .hero-stats b{font-size:28px}
body[data-visual-edition] #top .hero-stats small{font-size:9px}
body[data-visual-edition] .crew-tab{padding:13px 8px 17px}
body[data-visual-edition] .crew-tab .crew-sprite{width:142px;margin:8px auto 5px}
body[data-visual-edition] .crew-tab>strong{font-size:25px}
body[data-visual-edition] .crew-role{font-size:9px}
body[data-visual-edition] .crew-task{font-size:9px}
body[data-visual-edition] .app-panel{padding:22px 0}
body[data-visual-edition] .app-panel h3{font-size:22px}
body[data-visual-edition] .app-panel p{font-size:12px}
body[data-visual-edition] .plan-tabs{gap:6px}
body[data-visual-edition] .plan-tab{font-size:16px;padding:12px 7px 13px;border-radius:9px;min-height:127px;gap:5px}
body[data-visual-edition] .plan-tab>span:not(.visual-plan-price){font-size:9px;line-height:1.5}
body[data-visual-edition] .plan-tab>.visual-plan-price{font-size:25px}
body[data-visual-edition] .visual-plan-price>small{font-size:9px}
body[data-visual-edition] .plan-card h3{font-size:20px}
body[data-visual-edition] .plan-card .price{font-size:63px}
body[data-visual-edition] .flow-list h3{font-size:20px}
body[data-visual-edition] .flow-list p{font-size:12px}
body[data-visual-edition] .faq-list summary{font-size:13px}
body[data-visual-edition] .cast-profile h4{font-size:28px}
body[data-visual-edition] .cast-profile-top{gap:13px}
body[data-visual-edition] #cast-profile-copy{font-size:11px}
body[data-visual-edition] .contact-art{height:210px}
body[data-visual-edition] .contact-art>.crew-sprite{width:45%;max-width:none}
body[data-visual-edition] .visual-closing-team{left:-5%;right:33%;}
body[data-visual-edition] .contact-art .contact-bubble{font-size:10px;padding:10px 14px;top:4px;left:0}
body[data-visual-edition] .case-story[data-official-case] .case-content{padding:22px 19px}
body[data-visual-edition] .case-story[data-official-case] h4{font-size:24px}
}
@media(max-width:350px){
body[data-visual-edition] .section{padding-left:16px;padding-right:16px}
body[data-visual-edition] .section h2{font-size:26px}
body[data-visual-edition] .hero-section{padding-left:8px;padding-right:8px}
body[data-visual-edition] #top .hero-card{padding:14px 12px 10px}
body[data-visual-edition] .hero-device-brow{font-size:8px}
body[data-visual-edition] .hero-device-brow>span:last-child{font-size:8px}
body[data-visual-edition] .plan-tab{font-size:14px;padding:12px 6px}
body[data-visual-edition] .plan-tab>.visual-plan-price{font-size:23px}
body[data-visual-edition] .plan-tab>span:not(.visual-plan-price){font-size:8px}
body[data-visual-edition] .contact-art{height:185px}
body[data-visual-edition] .hero-story-card{min-height:96px}
body[data-visual-edition] .hero-flow-steps button{font-size:10px;gap:3px}
body[data-visual-edition] .hero-device-play{font-size:9px;min-width:45px}
body[data-visual-edition] .crew-task{font-size:8px}
}
@media(prefers-reduced-motion:reduce){
body[data-visual-edition] .visual-chapter-peek *,body[data-visual-edition] .crew-tab .crew-sprite,body[data-visual-edition] :where(.cta,.small-cta,.rail-cta){transition:none!important}
}
body[data-visual-edition].motion-off .visual-chapter-peek *,body[data-visual-edition].motion-off .crew-tab .crew-sprite{transition:none!important}

@media(min-width:1001px) and (max-width:1399px){body[data-visual-edition] .left-rail .rail-proof>span{font-size:10px;white-space:nowrap}}
/* The profile follows the device's width as well as the page breakpoint. */
body[data-visual-edition] #cast-showcase[data-device=handy] .cast-profile{padding:13px}
body[data-visual-edition] #cast-showcase[data-device=handy] .cast-profile-top{gap:12px}
body[data-visual-edition] #cast-showcase[data-device=handy] .cast-profile-portrait{width:92px;height:108px}
body[data-visual-edition] #cast-showcase[data-device=handy] .cast-profile-portrait>.cast-portrait{width:92px}
body[data-visual-edition] #cast-showcase[data-device=handy] .cast-profile h4{font-size:26px}
body[data-visual-edition] #cast-showcase[data-device=handy] #cast-profile-copy{margin:12px 0 0;font-size:11px;min-height:42px}
@media(max-width:350px){body[data-visual-edition] .cast-profile-portrait{width:85px;height:103px}body[data-visual-edition] .cast-profile-portrait>.cast-portrait{width:85px}body[data-visual-edition] .cast-profile h4{font-size:24px}}
/* The official DEAR'S ACE photo is 300x158; enlarge the composition, with a bounded photo. */
body[data-visual-edition] .case-story:is([data-official-case=overview],[data-official-case=host]) .case-photo{display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 50% 28%,#344357,#101923 80%)}
body[data-visual-edition] .case-story:is([data-official-case=overview],[data-official-case=host]) .case-photo img{width:min(100%,420px);height:auto;max-height:100%;object-fit:contain;box-shadow:0 16px 30px #0005}
@media(max-width:350px){body[data-visual-edition] #top .hero-stats>div:first-child p{display:flex;flex-direction:column;align-items:center;gap:4px}body[data-visual-edition] #top .hero-stats>div:first-child p>span{white-space:nowrap;line-height:1.4}body[data-visual-edition] #top .hero-stats small{font-size:8px}}


/* Eight editions: readable two-column discovery on narrow screens. */
body[data-visual-edition] .industry-switcher-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
body[data-visual-edition] .industry-switcher-grid>a{min-height:62px;padding:10px 11px}
body[data-visual-edition] .industry-switcher-grid>a>span{white-space:normal;line-height:1.5;text-wrap:balance}
body[data-visual-edition] .industry-switcher-grid>a small{font-size:8px;letter-spacing:.5px}
@media(max-width:540px){body[data-visual-edition] .industry-switcher-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}body[data-visual-edition] .industry-switcher-grid>a{min-height:57px;padding:9px 10px}body[data-visual-edition] .industry-switcher-grid>a>span{font-size:11px}body[data-visual-edition] .industry-picker>summary strong{font-size:11px}}