/* Large, distinct editorial artwork for the site's main destinations. */
.page-head.illustrated-head{position:relative;isolation:isolate;max-width:1600px;min-height:460px;padding:64px max(48px,calc((100vw - 1184px)/2)) 66px;display:flex;align-items:center;overflow:hidden;background:#eef2fa;border-bottom:1px solid #dce4f0}
.section-backdrop{position:absolute;inset:0;z-index:-2;pointer-events:none}
.section-backdrop img{width:100%;height:100%;object-fit:cover;object-position:80% 45%}
.illustrated-head::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f8faff 0%,#f8fafff5 30%,#f8faffdf 42%,#f8faff5c 60%,#f8faff00 78%)}
.head-copy{position:relative;width:100%}
.illustrated-head .head-copy{max-width:690px}
.illustrated-head h1{font-size:clamp(38px,4vw,60px);max-width:650px;text-wrap:balance}
.illustrated-head .lead{max-width:520px;color:#46576e;text-wrap:pretty}
.illustrated-head .breadcrumbs{max-width:550px}
.direction-row{grid-template-columns:360px 1fr;gap:40px;align-items:center;padding:32px 0}
.road-image{display:block;overflow:hidden;border-radius:12px;box-shadow:0 20px 35px -25px #24427655}
.road-image img{width:100%;aspect-ratio:1.7;object-fit:cover;transition:transform .6s}
.direction-row:hover .road-image img{transform:scale(1.025)}
.road-copy h3{font-size:27px;margin:0 0 14px;line-height:1.2}
.road-copy p{margin-bottom:20px;max-width:620px}
.price-card{padding:34px;border:1px solid #d5deec;background:#ffffffde;border-radius:16px;box-shadow:0 18px 40px -30px #24427640;display:flex;flex-direction:column}
.price-card h2{font-size:32px;margin:22px 0 12px}
.price-card p{font-size:16px;color:var(--muted)}
.price-card.featured{border-color:#315fe8;background:linear-gradient(150deg,#fff,#eef3ff);box-shadow:0 22px 55px -30px #315fe860}
.price{font-size:72px;letter-spacing:-.065em;line-height:1.1;margin-top:24px}
.price>span{font-size:32px;vertical-align:top;line-height:1.8;letter-spacing:0;margin-right:5px}
.price-card .price-period{font-size:13px;margin-top:12px}
.price-card ul{padding:22px 0 18px;list-style:none;border-top:1px solid var(--line);font-size:15px;flex:1}
.price-card li{padding:8px 0 8px 24px;position:relative}
.price-card li::before{content:'✓';position:absolute;left:0;color:var(--blue)}
.pricing-proposal>.lead{margin-bottom:36px}.pricing-proposal>.meta{margin-top:28px}
/* Animated cards connect around a central knowledge object. */
.knowledge-scene{position:relative;min-height:610px;overflow:hidden;background:radial-gradient(ellipse at 70% 30%,#fff9,transparent 65%),linear-gradient(145deg,#dfe8ff,#f1f3ff 52%,#d8e2fa);border-radius:0 0 0 40px;perspective:1200px;isolation:isolate}
.scene-art{position:absolute;inset:0;transform-style:preserve-3d}
.scene-art::before{content:'';position:absolute;inset:0;background-image:linear-gradient(#315fe80c 1px,transparent 1px),linear-gradient(90deg,#315fe80c 1px,transparent 1px);background-size:54px 54px;transform:perspective(600px) rotateX(55deg) scale(1.8);transform-origin:50% 85%;mask-image:linear-gradient(transparent,#000)}
.scene-halo{position:absolute;width:420px;height:420px;left:calc(50% - 210px);top:calc(50% - 210px);border-radius:50%;border:1px solid #315fe826;box-shadow:0 0 0 50px #fff2,0 0 0 51px #315fe80a,inset 0 0 100px #ffffff70;animation:halo-breathe 9s ease-in-out infinite}
.scene-links{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#315fe847;stroke-width:1.3;stroke-dasharray:8 9;animation:link-flow 22s linear infinite}
.knowledge-core{position:absolute;left:calc(50% - 61px);top:calc(50% - 65px);width:122px;height:130px;border-radius:25px;background:linear-gradient(140deg,#6389ff,#315fe8 55%,#2648b7);box-shadow:18px 25px 40px #244aab30,inset 1px 1px 0 #ffffff88,inset -5px -5px 15px #203c8c30;transform:rotate(-12deg) rotateY(-18deg);display:grid;place-items:center;animation:core-float 8s ease-in-out infinite}
.knowledge-core span{color:white;font-size:90px;font-weight:650;font-family:Georgia,serif;line-height:1;padding-bottom:10px}
.floating-note{position:absolute;width:205px;min-height:158px;padding:20px;border:1px solid #ffffffd0;border-radius:16px;background:linear-gradient(140deg,#fffffff5,#f7faffdf);box-shadow:8px 18px 40px #38579b1c,inset 0 0 0 1px #ffffff66;backdrop-filter:blur(12px);transform:rotate(var(--note-angle));animation:note-float 8s ease-in-out infinite;animation-delay:var(--delay)}
.floating-note strong{display:block;font-size:14px;line-height:1.35;font-weight:550;margin:12px 0 15px;letter-spacing:-.01em}
.note-symbol{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#e7eeff;color:#315fe8;font-size:19px}
.note-rule{display:block;height:4px;width:85%;background:#dfe6f2;border-radius:4px;margin-top:8px}.note-rule.short{width:57%}
.note-dot{position:absolute;width:8px;height:8px;right:17px;top:21px;background:#7697f6;border-radius:50%;box-shadow:0 0 0 4px #e7eeff}
.note-0{left:7%;top:13%;--note-angle:-9deg;--delay:-2s}.note-1{right:5%;top:21%;--note-angle:9deg;--delay:-5s}.note-2{left:10%;bottom:17%;--note-angle:-5deg;--delay:-4s}.note-3{right:7%;bottom:11%;--note-angle:7deg;--delay:-1s}
.animation-toggle{position:absolute;bottom:18px;right:22px;z-index:2;min-height:44px;padding:8px 14px;border:1px solid #c2cee5;background:#ffffffcc;border-radius:30px;color:#465776;font-size:12px;backdrop-filter:blur(10px)}
.knowledge-scene.is-paused *{animation-play-state:paused!important}
@keyframes note-float{0%,100%{transform:translate3d(0,0,0) rotate(var(--note-angle))}50%{transform:translate3d(5px,-14px,20px) rotate(calc(var(--note-angle) + 3deg))}}
@keyframes core-float{0%,100%{transform:translateY(0) rotate(-12deg) rotateY(-18deg)}50%{transform:translateY(-12px) rotate(-5deg) rotateY(8deg)}}
@keyframes halo-breathe{0%,100%{transform:scale(.96);opacity:.7}50%{transform:scale(1.05);opacity:1}}
@keyframes link-flow{to{stroke-dashoffset:-340}}
@media(min-width:851px){.animation-toggle{bottom:56px}}
@media(min-width:1600px){.page-head.illustrated-head{padding-left:100px;padding-right:100px}}
@media(max-width:1100px){.floating-note{width:170px;padding:16px}.note-0{left:4%}.note-1{right:4%}.note-2{left:5%}.note-3{right:4%}.price-card{padding:24px}.direction-row{grid-template-columns:300px 1fr}.page-head.illustrated-head{padding-left:32px;padding-right:32px}}
@media(max-width:850px){.hero{grid-template-columns:1fr}.hero-copy{padding-bottom:44px}.hero h1{max-width:650px}.knowledge-scene{min-height:540px;border-radius:24px;margin:0 24px 50px}.floating-note{width:205px}.note-0{left:10%}.note-1{right:10%}.note-2{left:12%}.note-3{right:9%}.pricing-grid{grid-template-columns:1fr}.price-card{padding:32px}.direction-row{grid-template-columns:230px 1fr;gap:24px}.road-copy h3{font-size:23px}.page-head.illustrated-head{min-height:470px}.illustrated-head .head-copy{max-width:520px}.illustrated-head::after{background:linear-gradient(90deg,#f8fafffa 0%,#f8faffed 40%,#f8faff50 100%)} }
@media(max-width:600px){.page-head.illustrated-head{display:block;padding:38px 24px 270px;min-height:560px}.section-backdrop{top:auto;height:300px;bottom:0}.section-backdrop img{object-position:60% 45%}.illustrated-head::after{background:linear-gradient(180deg,#f8faff 0%,#f8faff 42%,#f8faffed 53%,#f8faff00 78%)}.illustrated-head h1{font-size:38px}.illustrated-head .breadcrumbs{margin-bottom:24px}.illustrated-head .lead{font-size:18px}.direction-row{grid-template-columns:1fr;gap:22px;padding:30px 0}.road-image img{aspect-ratio:1.6}.knowledge-scene{min-height:485px;margin:0 16px 50px;border-radius:20px}.floating-note{width:145px;padding:14px;min-height:145px;border-radius:12px}.floating-note strong{font-size:12px}.note-0{left:5%;top:10%}.note-1{right:5%;top:21%}.note-2{left:5%;bottom:20%}.note-3{right:5%;bottom:14%}.knowledge-core{width:84px;height:90px;left:calc(50% - 42px);top:calc(50% - 45px);border-radius:18px}.knowledge-core span{font-size:64px}.scene-halo{width:280px;height:280px;left:calc(50% - 140px);top:calc(50% - 140px)}.animation-toggle{bottom:9px;right:12px;font-size:11px}.price-card{padding:26px}.price{font-size:64px}}
@media(prefers-reduced-motion:reduce){.scene-art *{animation:none!important}.animation-toggle{display:none}.road-image img{transition:none}}
@media print{.knowledge-scene,.section-backdrop{display:none}.page-head.illustrated-head{min-height:0;padding:30px 24px;background:white}.illustrated-head::after{display:none}.direction-row{break-inside:avoid}.price-card{box-shadow:none}}