/* Approved split homepage. Shared Glacier styles own the app sandbox. */
.split-home{--bg:#fff;--ink:#17262e;--muted:#758087;--accent:#5575c5;--line:#e6ebf2;--panel:#fff;background:#fff}
.split-home .wrap{width:min(1120px,calc(100% - 64px))}
.split-home .nav{width:100%;min-height:78px;margin:0;padding:0;gap:35px;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}
.split-home .brand{font-size:20px;gap:10px}.split-home .brand img{width:31px;height:31px}
.split-home .nav nav{display:flex;margin-right:auto;gap:25px;font-size:12px}
.split-home .nav-cta{margin-left:auto;justify-content:center;border:0;border-radius:22px;background:var(--accent);padding:10px 19px;font-size:12px;color:#fff;box-shadow:none}
.hero-split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);gap:35px;align-items:center;padding:70px 0 25px}
.split-home .hero{text-align:left;padding:0;min-width:0}
.hero-badge{display:inline-flex;border:1px solid #e4eaf3;border-radius:20px;background:#fff;padding:5px 12px;font-size:11px;color:var(--accent)}
.split-home .hero h1{font-size:clamp(42px,4.6vw,60px);line-height:1.09;letter-spacing:-.055em;font-weight:650;margin:22px 0 25px}
.split-home .hero h1 span{color:var(--accent)}
.split-home .hero-description{max-width:365px;font-size:15px;line-height:1.7;margin:0}
.split-home .actions{display:flex;gap:10px;align-items:center;justify-content:flex-start;margin-top:26px;flex-wrap:wrap}
.split-home .button{display:inline-flex;gap:5px;min-height:46px;padding:13px 21px;border:0;border-radius:12px;font-size:13px;font-weight:550;background:var(--accent);color:#fff;box-shadow:0 5px 14px #22345d14}
.split-home .button.secondary{background:#f1f4f2;color:#5d7165;box-shadow:none}
.split-home [data-buy][aria-disabled=true]{background:#e7edf4;color:#52677d;box-shadow:none}
.hero-offer{margin-top:14px;max-width:365px;scroll-margin-top:30px}
.launch-price{font-size:11px;line-height:1.7;color:var(--accent);font-weight:550;min-height:19px}
.purchase-terms{font-size:11px;color:#849088;margin-top:3px}
.split-home .currency-switch{display:flex;justify-content:flex-start;gap:4px;border:0;margin-top:10px;padding:0}
.split-home .currency-switch button{border:0;background:transparent;min-width:32px;min-height:32px;padding:4px 9px;border-radius:7px;color:#909aac;font-size:12px}
.split-home .currency-switch button[aria-pressed=true]{background:#edf1fa;color:var(--accent);font-weight:600}
.pricing-details{margin-top:6px;font-size:11px}
.pricing-details summary{display:inline-flex;align-items:center;gap:7px;min-height:32px;cursor:pointer;color:#8b95a5}
.split-home .price-steps{grid-template-columns:1fr;margin:8px 0;gap:7px}
.split-home .tier{padding:12px;display:grid;grid-template-columns:1fr auto;gap:3px 10px;background:#f8faff;border-color:#e7edf5;border-radius:10px}
.split-home .tier.current{background:#eef3ff;border-color:#9db0e4}
.split-home .tier strong{grid-column:2;grid-row:1/3;align-self:center;font-size:23px;margin:0}
.split-home .tier-state{font-size:9px}.split-home .tier p{font-size:10px}.split-home .tier-status{grid-column:1/-1;font-size:9px;margin:0}
.split-home .price-rule{font-size:10px;line-height:1.7;margin-top:10px}
.split-home .buy-status{margin-top:10px;font-size:11px;line-height:1.6;max-width:365px}
.showcase{min-width:0;position:relative}
.split-home .product-stage{position:relative;min-width:0;margin:0;padding:22px 14px 14px;border:1px solid #e1e9ef;border-radius:22px;background:linear-gradient(145deg,#edf2fd,#e5edf7 65%,#edf6f3);box-shadow:none;text-align:center}
.split-home .product-stage:before,.split-home .stage-label{display:none}
.split-home .switcher{margin:0 0 18px;background:#ffffff80;box-shadow:none}.split-home .switcher button{color:#435865}
.split-home .app,.split-home .app[data-live-demo]{width:100%;height:378px;grid-template-columns:36px 150px minmax(0,1fr);grid-template-rows:minmax(0,1fr);border:1px solid #ffffffd9;border-radius:15px;background:#f9fcff;box-shadow:0 12px 32px #2449341c;backdrop-filter:none}
.split-home .app>*,.split-home .conversation{min-width:0;min-height:0}
.split-home .app-list{background:#fdfefe}.split-home .app-rail{overflow:hidden}
.split-home .account{width:27px;height:27px;display:grid;place-items:center}
.split-home .rail-icon{width:27px}.split-home .rail-bottom{margin-bottom:12px}
.split-home .traffic{gap:3px}.split-home .traffic i{width:6px;height:6px}
.split-home .list-head{padding:17px 10px 10px}.split-home .list-head h3{font-size:14px}
.split-home .app-search{margin:0 8px}
.split-home .filters,.split-home .app[data-live-demo] .filters{gap:9px;padding:13px 9px;font-size:8px}
.split-home .app[data-live-demo] .filters button{font-size:8px}
.split-home .chat-row,.split-home .app[data-live-demo] .chat-row{padding:14px 9px;gap:6px}
.split-home .chat-row .avatar{width:23px;height:23px;font-size:8px}.split-home .chat-row b{font-size:9px}
.split-home .chat-row p,.split-home .app[data-live-demo] .chat-row p{max-width:105px;font-size:8px}.split-home .chat-row time{display:none}
.split-home .conversation-head{padding:10px;gap:6px;flex-shrink:0}
.split-home .conversation-head .avatar{width:24px;height:24px}.split-home .conversation-head b{font-size:10px}
.split-home .messages,.split-home .app[data-live-demo] .messages{flex:1 1 0;min-height:0;overflow:auto;padding:18px 12px;gap:13px}
.split-home .bubble,.split-home .app[data-live-demo] .bubble{font-size:10px;padding:10px;max-width:90%;flex-shrink:0}
.split-home .composer{min-height:45px;flex-shrink:0;gap:7px;margin:5px 9px 10px}
.split-home .composer>div,.split-home .composer input{font-size:9px;padding:9px}
.split-home .product-stage .app-caption{font-size:10px;color:#7d8c81;margin:17px 0 0;min-height:35px;line-height:1.6;max-width:100%}
.split-home .demo-label{font-size:6px}.split-home .demo-panel{padding:20px}
.split-home .demo-panel h3,.split-home .demo-later-list h3{font-size:17px}.split-home .demo-backgrounds{gap:7px}
.tour-controls{display:flex;justify-content:center;align-items:center;gap:3px;flex-wrap:wrap;padding-top:16px}
.tour-controls button{border:0;border-radius:20px;background:transparent;color:#85958b;min-height:32px;padding:7px 8px;font-size:10px}
.tour-controls button[aria-pressed=true]{background:#e9f1ec;color:#316d54}
.tour-controls .tour-pause{font-size:9px;text-decoration:underline;background:transparent}
.tour-progress{height:2px;max-width:400px;background:#e6eeea;border-radius:3px;margin:12px auto 0;overflow:hidden}
.tour-progress i{display:block;height:2px;background:#82aa91;transform:scaleX(0);transform-origin:left}
.showcase[data-tour-playing=true] .tour-progress i{animation:tour-progress 5s linear infinite}
.tour-caption{font-size:10px;color:#909e94;text-align:center;margin-top:8px;min-height:30px}
.tour-notification{position:absolute;z-index:5;top:-10px;right:8px;display:flex;align-items:center;gap:10px;padding:13px 16px;border:1px solid #ffffffde;border-radius:12px;background:#ffffffed;box-shadow:0 10px 30px #386b4b15;color:#4c7059;font-size:11px;pointer-events:none}
.tour-notification>span{display:grid;place-items:center;width:30px;height:30px;background:#e7f2ea;border-radius:9px}
.tour-notification small{display:block;color:#819582;font-size:9px}.split-home .tour-notification[hidden]{display:none}
.split-home .demo-quiet-banner,.tour-quiet-banner{flex-shrink:0;text-align:center;background:#f2f5fb;padding:8px;font-size:9px;color:#75839c}
.tour-note{position:absolute;z-index:3;inset:67px 10px 18px;padding:17px;border:1px solid #e1e8e3;border-radius:12px;background:#fffdf9;box-shadow:0 12px 30px #1d362416;text-align:left}
.tour-note h3{font-size:14px;font-weight:600;color:#445c4b}.tour-note>p{font-size:10px;color:#7b8678;margin-top:8px}
.tour-note-card{margin-top:20px;border-radius:10px;background:#f8f2e7;padding:12px;font-size:10px;color:#6f7469}
.tour-note-card small{display:block;font-size:9px;color:#85917c;margin-top:5px}
.showcase[data-tour-animate=true] .app,.showcase[data-tour-animate=true] .tour-note,.showcase[data-tour-animate=true] .tour-notification{animation:tour-arrive .5s ease both}
.home-features{padding:0 0 55px;margin-top:55px;scroll-margin-top:30px}
.home-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.home-card{min-width:0;padding:24px;border:1px solid #e9edf5;border-radius:16px;background:#f8faff}
.home-card:nth-child(2){background:#faf9fd}.home-card:nth-child(3){background:#f8fbf9}
.home-card h3{font-size:17px;line-height:1.4;font-weight:550;letter-spacing:-.035em;margin:8px 0}
.home-card p{font-size:12px;line-height:1.7;color:#76867d}.split-home .feature-icon{display:inline;width:auto;height:auto;background:none;margin:0;font-size:18px;color:#6b907b}
.split-home .setup-section{padding:35px 0 50px;border-top:1px solid var(--line)}
.split-home .feature-intro h2{font-size:32px;max-width:400px}.split-home .feature-intro p{color:var(--muted)}
.split-home .setup-steps{gap:24px}.split-home .setup-steps li{background:#fafbfd;border-color:#e9edf5;border-radius:16px}
.split-home .background-strip{background:#fafbfd;border-color:#e9edf5;border-radius:16px}
.split-home .background-samples img{border-color:#e3e9f1}
.split-home .faq{padding:45px 0 65px}.split-home .faq h2{font-size:32px}
.split-home footer{padding-top:25px;border-color:var(--line)}
@keyframes tour-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes tour-arrive{from{opacity:.25;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:1050px){
 .hero-split{gap:25px;grid-template-columns:minmax(0,.8fr) minmax(0,1fr)}
 .split-home .hero h1{font-size:47px}
 .split-home .app,.split-home .app[data-live-demo]{grid-template-columns:33px 123px minmax(0,1fr)}
 .split-home .chat-row .avatar{display:none}
 .split-home .chat-row p,.split-home .app[data-live-demo] .chat-row p{max-width:104px}
 .split-home .filters,.split-home .app[data-live-demo] .filters{gap:7px;font-size:7px}
 .split-home .app[data-live-demo] .filters button{font-size:7px}
 .split-home .conversation-head .avatar{display:none}
}
@media(max-width:860px){
 .split-home .wrap{width:calc(100% - 40px)}.split-home .nav{min-height:65px}
 .hero-split{grid-template-columns:1fr;padding-top:38px;gap:32px}
 .split-home .hero{max-width:520px;text-align:center;margin:auto}
 .split-home .hero h1{font-size:51px}.split-home .hero-description{max-width:480px;font-size:15px}
 .split-home .actions{justify-content:center}.hero-offer,.split-home .buy-status{max-width:none}
 .split-home .currency-switch{justify-content:center}.split-home .pricing-details{text-align:left}
 .split-home .pricing-details summary{display:flex;justify-content:center}
 .split-home .app{grid-template-columns:44px 210px minmax(0,1fr);height:390px}
 .split-home .account{width:33px;height:33px}.split-home .rail-icon{width:33px}
 .split-home .chat-row .avatar{display:grid}.split-home .chat-row p{max-width:145px}
 .split-home .chat-row b{font-size:10px}.split-home .list-head h3{font-size:17px}
 .split-home .app-search{margin:0 12px}.split-home .filters{font-size:9px;gap:12px;padding-left:12px}
 .tour-controls button{font-size:11px}.home-features{padding-top:10px;margin-top:25px}
 .home-cards{grid-template-columns:1fr}.split-home .feature-intro{gap:24px}
}
@media(max-width:600px){
 .split-home .wrap{width:calc(100% - 32px)}.split-home .nav{gap:15px}.split-home .nav nav{display:none}
 .split-home .nav-cta{padding:9px 15px;font-size:11px}
 .split-home .brand{font-size:18px}.split-home .brand img{width:28px;height:28px}
 .split-home .hero h1{font-size:clamp(35px,8.8vw,48px);line-height:1.1}
 .split-home .hero-description{font-size:14px}.hero-badge{font-size:10px;padding:5px 10px}
 .split-home .actions{gap:8px;margin-top:23px}.split-home .button{padding:11px 17px;font-size:12px;min-height:44px}
 .launch-price,.purchase-terms{font-size:10px}.split-home .product-stage{padding:16px 10px 12px}
 .split-home .app{grid-template-columns:31px 101px minmax(0,1fr);height:310px;border-radius:12px}
 .split-home .app-rail{padding-top:12px;gap:7px}
 .split-home .traffic{margin-bottom:12px}.split-home .traffic i{width:5px;height:5px}
 .split-home .account{width:23px;height:23px;font-size:10px}
 .split-home .rail-icon{width:24px;height:26px}.split-home .rail-icon svg{width:14px}.split-home .rail-line{width:18px}
 .split-home .chat-row{padding:13px 8px}
 .split-home .chat-row .avatar,.split-home .app-search,.split-home .filters{display:none}
 .split-home .chat-row p{max-width:80px;font-size:8px}.split-home .chat-row b{font-size:8px}
 .split-home .list-head{padding:14px 8px 12px}.split-home .list-head h3{font-size:11px}.split-home .list-head svg{width:12px}
 .split-home .conversation-head{padding:9px 7px;gap:4px;min-height:54px}
 .split-home .conversation-head b{font-size:9px}.split-home .conversation-head small{font-size:7px}
 .split-home .later{padding:5px;font-size:8px}.split-home .later svg{width:10px;height:10px}
 .split-home .messages{padding:10px 8px;gap:8px}
 .split-home .day{padding:2px 8px;margin-bottom:0;font-size:7px;flex-shrink:0}
 .split-home .bubble{font-size:9px;max-width:95%;padding:7px;line-height:1.35}
 .split-home .bubble small{font-size:7px;margin-bottom:3px}.split-home .bubble time{font-size:6px;margin-top:2px}
 .split-home .composer{margin:3px 7px 8px;min-height:35px;gap:4px}
 .split-home .composer>div{font-size:8px;padding:7px}.split-home .composer>span{font-size:12px}
 .split-home .list-foot{font-size:6px;bottom:10px}
 .split-home .product-stage .app-caption{font-size:9px;min-height:30px}
 .split-home .switcher{margin-bottom:14px}.split-home .switcher button{padding:6px 11px;font-size:10px;min-height:31px}
 .tour-controls{gap:3px;padding-top:11px}.tour-controls button{font-size:9px;padding:6px 8px;min-height:32px}
 .tour-caption{font-size:9px}
 .tour-notification{top:-8px;right:8px;font-size:9px;padding:9px 11px;gap:7px}
 .tour-notification small{font-size:7px}.tour-notification>span{width:25px;height:25px}
 .tour-quiet-banner{font-size:8px;padding:6px}
 .tour-note{inset:61px 6px 14px;padding:12px}.tour-note h3{font-size:12px}
 .tour-note>p{font-size:9px;margin-top:6px}.tour-note-card{font-size:10px;padding:11px;margin-top:14px}
 .tour-note-card small{font-size:8px}.home-features{margin-top:18px;padding-bottom:35px}
 .home-cards{gap:12px}.home-card{padding:21px}
 .split-home .setup-section{padding-top:30px}.split-home .feature-intro h2,.split-home .faq h2{font-size:28px}
}
@media(prefers-reduced-motion:reduce){
 .showcase[data-tour-playing=true] .tour-progress i,.showcase[data-tour-animate=true] .app,.showcase[data-tour-animate=true] .tour-note,.showcase[data-tour-animate=true] .tour-notification{animation:none}
}
