/* Scoped to the AI Experiences page; existing header/footer styles are reused. */
.ai-page{--orange:#F47B20;--orange-deep:#d66012;background:#111115;color:#fff;overflow:clip}
.ai-page .container{max-width:1400px}
.ai-page h1,.ai-page h2,.ai-page h3{color:#fff}
.ai-page .eyebrow{color:#f2f2f5}
.ai-page .btn.primary{background:#F47B20;color:#171717;box-shadow:none}
.ai-page .btn.primary:hover{background:#ff9242}
.ai-page .btn.ghost{background:transparent;border:1px solid #65656d;color:#fff}
.ai-page a:focus-visible,.ai-page summary:focus-visible,.ai-skip-link:focus{outline:3px solid #F47B20;outline-offset:5px}
.ai-skip-link{position:fixed;top:10px;left:16px;z-index:150;padding:10px 18px;background:#fff;color:#111;transform:translateY(-160%)}
.ai-skip-link:focus{transform:none}
.ai-page section[id]{scroll-margin-top:120px}
.ai-hero{padding:180px 0 86px;background:radial-gradient(ellipse at 80% 25%,#2b2b32 0,transparent 60%),#111115}
.ai-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:72px;align-items:center}
.ai-hero h1{font-size:clamp(52px,6.3vw,92px);line-height:1.04;letter-spacing:-4px;margin:20px 0 24px}
.ai-hero h1 span{color:#fff}
.ai-hero-copy>p{font-size:clamp(17px,1.55vw,21px);line-height:1.7;max-width:600px;color:#c8c8d0}
.ai-page .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.ai-city-list{display:flex;flex-wrap:wrap;gap:20px;color:#a8a8b3;font-size:12px;margin-top:32px}
.ai-city-list span+span:before{content:'·';margin-right:20px}
.ai-hero-board{padding:20px;border-radius:26px;background:#1F1F24;box-shadow:0 30px 70px #0005;transform:rotate(2deg)}
.ai-board-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:700;letter-spacing:2px;padding:3px 2px 18px;color:#d0d0d7}
.ai-board-top>span:last-child{font-size:24px}
.ai-placeholder{min-width:0;aspect-ratio:16/10;background:linear-gradient(145deg,#292930,#1F1F24);border-bottom:1px solid #ffffff12;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;color:#bdbdc6;padding:24px}
.ai-placeholder small{font-size:9px;letter-spacing:2px;font-weight:600}
.ai-placeholder>span:last-child{font-size:13px;max-width:100%;overflow-wrap:anywhere}
.ai-placeholder-frame{display:block;width:56px;height:64px;border:1px solid #73737e;border-radius:5px;position:relative;margin-bottom:5px}
.ai-placeholder-frame:before,.ai-placeholder-frame:after{content:'';position:absolute;background:#73737e}
.ai-placeholder-frame:before{height:1px;width:38px;left:8px;bottom:14px;transform:rotate(-25deg)}
.ai-placeholder-frame:after{width:8px;height:8px;border-radius:50%;top:12px;right:12px}
.ai-hero-placeholder{aspect-ratio:1/1;border:1px solid #ffffff18;border-radius:12px}
.ai-board-bottom{display:flex;justify-content:space-between;gap:10px;color:#aaaab4;font-size:10px;padding:20px 4px 0}
.ai-board-bottom b{display:block;font-size:21px;font-weight:600;color:#fff;margin-bottom:2px}
.ai-page .section{padding:80px 0}
.ai-page .section-heading{max-width:780px;margin-bottom:32px}
.ai-page .section-heading h2,.ai-corporate h2,.ai-final-cta h2{font-size:clamp(30px,3.5vw,48px);letter-spacing:-1.5px;line-height:1.14;margin:14px 0}
.ai-page .section-heading p{color:#bdbdc6;line-height:1.7}
.ai-difference{border-block:1px solid #ffffff12;background:#19191e}
.ai-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;list-style:none;padding:0;margin:0}
.ai-benefits li{display:flex;gap:14px;padding:24px;border-radius:16px;color:#dedee5;font-size:15px;align-items:flex-start}
.ai-benefits li>span{color:#d5d5dd;flex-shrink:0}
.ai-experience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.ai-experience-card{border-radius:22px;overflow:hidden;display:flex;flex-direction:column;background:#1F1F24}
.ai-card-copy{padding:26px;display:flex;flex-direction:column;flex:1}
.ai-card-copy h3{font-size:23px;letter-spacing:-.6px;margin:0 0 12px;line-height:1.2}
.ai-card-copy>p{color:#bdbdc6;line-height:1.7;font-size:14px;margin:0 0 20px}
.ai-card-copy .ai-best-for{margin-top:auto;font-size:12px;color:#d5d5df;padding-top:16px}
.ai-best-for b{display:block;font-weight:600;font-size:10px;text-transform:uppercase;letter-spacing:1.4px;margin-bottom:7px;color:#a6a6b0}
.ai-card-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:16px;border-top:1px solid #ffffff14}
.ai-card-bottom .btn{padding:10px 16px;min-height:44px;font-size:13px}
.ai-price{font-size:16px;color:#eeeef3;font-weight:600;white-space:nowrap}
.ai-gallery{background:#19191e;border-block:1px solid #ffffff12}
.ai-style-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.ai-style-card{margin:0;border:1px solid #ffffff14;border-radius:16px;overflow:hidden;background:#1F1F24}
.ai-style-card .ai-placeholder{aspect-ratio:4/5;padding:18px}
.ai-style-card .ai-placeholder>span:last-child{display:none}
.ai-style-card figcaption{padding:16px;font-size:13px;font-weight:600;display:flex;gap:14px;line-height:1.5;color:#e4e4ed}
.ai-style-card figcaption span{color:#9393a0;font-size:10px;line-height:2}
.ai-corporate{background:#1F1F24;border-radius:26px;display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:54px}
.ai-corporate h2{max-width:500px;margin-bottom:28px}
.ai-corporate ul{list-style:none;padding:0;margin:0;align-self:center}
.ai-corporate li{padding:20px 0;border-bottom:1px solid #ffffff16;color:#d4d4dd;line-height:1.65}
.ai-corporate li:before{content:'↗';margin-right:16px;color:#d4d4dd}
.ai-faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:72px}
.ai-faq-list details{border-bottom:1px solid #ffffff21}
.ai-faq-list summary{padding:24px 0;list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:24px;color:#eeeef4;font-weight:600}
.ai-faq-list summary::-webkit-details-marker{display:none}
.ai-faq-list summary span{font-size:21px;line-height:1}
.ai-faq-list details[open] summary span{transform:rotate(45deg)}
.ai-faq-list details p{margin:0 0 24px;color:#bdbdc6;font-size:15px;line-height:1.8;max-width:680px}
.ai-final-cta .glass-panel{text-align:center;border-radius:28px;background:#1F1F24;padding:70px 24px}
.ai-final-cta .hero-actions{justify-content:center}
@media(min-width:981px) and (max-width:1200px){.site-header .nav a{padding-inline:9px;font-size:12px}.site-header .nav .nav-cta{padding-inline:14px}.site-header .brand img{width:110px}}
@media(max-width:1000px){.ai-hero-grid{gap:36px}.ai-hero h1{letter-spacing:-2.5px}.ai-experience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-corporate{padding:36px;gap:32px}}
@media(max-width:700px){.ai-hero{padding:138px 0 54px}.ai-hero-grid,.ai-faq-grid,.ai-corporate{grid-template-columns:1fr;gap:36px}.ai-hero h1{font-size:52px;letter-spacing:-2px}.ai-hero-board{max-width:480px;width:calc(100% - 12px);margin:6px auto 0;transform:rotate(1deg)}.ai-page .section{padding:56px 0}.ai-experience-grid{grid-template-columns:1fr}.ai-style-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ai-style-card figcaption{padding:12px;font-size:12px;gap:8px}.ai-placeholder small{font-size:8px;letter-spacing:1px}.ai-benefits{grid-template-columns:1fr}.ai-benefits li{padding:20px}.ai-corporate{padding:26px}.ai-faq-grid{gap:8px}.ai-page .section-heading{margin-bottom:24px}.ai-city-list{gap:12px}.ai-city-list span+span:before{margin-right:12px}.ai-final-cta .glass-panel{padding:46px 20px}.ai-page .hero-actions .btn{min-height:48px}}