.guide-page{background:#eef2f2;color:#07121f}.guide-page .nav{background:rgba(4,14,24,.82);backdrop-filter:blur(18px);height:68px}.guide-hero{min-height:100svh;background:#06111e;color:#fff;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:145px 7vw 100px}.guide-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#06111e 0%,rgba(6,17,30,.92) 34%,rgba(6,17,30,.12) 72%),linear-gradient(0deg,#06111e 0%,transparent 38%)}.guide-hero-media{position:absolute;inset:0 0 0 32%;overflow:hidden}.guide-hero-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.75) contrast(1.08);animation:guideDrift 14s ease-in-out infinite alternate}.guide-hero-media:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 65% 45%,rgba(61,212,248,.2),transparent 32%)}.scan-line{position:absolute;z-index:2;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#50dcff,transparent);box-shadow:0 0 24px #50dcff;animation:scan 6s linear infinite}.guide-hero-copy{position:relative;z-index:2;max-width:760px}.guide-hero h1{font-size:clamp(68px,9vw,140px);line-height:.82;letter-spacing:-.075em;margin:32px 0}.guide-hero h1 em,.guide-path h2 em{font-family:Georgia,serif;color:var(--cyan);font-weight:400}.guide-hero-copy>p:not(.eyebrow){font-size:clamp(17px,1.5vw,21px);line-height:1.7;color:#aab8c2;max-width:640px;margin-bottom:35px}.guide-meter{position:absolute;z-index:3;right:4vw;bottom:50px;width:180px;color:#fff;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;font-size:9px;letter-spacing:.2em}.guide-meter i{height:1px;background:#48d8ff;position:relative}.guide-meter i:after{content:"";width:6px;height:6px;border-radius:50%;background:#48d8ff;box-shadow:0 0 15px #48d8ff;position:absolute;right:0;top:-2px}.guide-meter b{font-size:28px;letter-spacing:-.04em}.guide-featured{padding-top:120px}.guide-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:60px}.guide-heading h2{font-size:clamp(50px,7vw,94px);line-height:.9;letter-spacing:-.065em;margin:24px 0 0}.guide-heading h2 span{color:#70818a}.guide-heading>p{max-width:380px;color:#6b7b84;line-height:1.7}.guide-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:22px}.topic-card{min-height:510px;background:#fff;color:#07121f;text-decoration:none;display:flex;flex-direction:column;overflow:hidden;position:relative;box-shadow:0 20px 50px rgba(8,28,42,.06);transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}.topic-card:hover{box-shadow:0 32px 75px rgba(8,28,42,.14)}.topic-large{grid-row:span 2}.topic-image{height:53%;overflow:hidden}.topic-image img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.8,.2,1)}.topic-card:hover .topic-image img{transform:scale(1.055)}.topic-copy{padding:32px 35px 38px;position:relative;flex:1}.topic-copy small{letter-spacing:.18em;font-size:10px;color:#1789a8}.topic-copy h3{font-size:clamp(25px,3vw,42px);line-height:1.03;letter-spacing:-.045em;margin:13px 0}.topic-copy p{color:#6f7f87;line-height:1.65;max-width:580px}.topic-copy b{font-size:12px;letter-spacing:.08em;text-transform:uppercase;position:absolute;bottom:25px}.topic-index{position:absolute;right:32px;top:25px;font-size:52px;font-weight:800;letter-spacing:-.08em;color:#edf2f3}.topic-art{height:220px;background:#071b2a;position:relative;overflow:hidden}.art-service{display:grid;place-items:center}.art-service span{width:105px;height:105px;border:1px solid rgba(95,221,255,.5);border-radius:50%;display:grid;place-items:center;color:#69ddff;font-size:35px;font-weight:bold;box-shadow:0 0 0 25px rgba(81,216,255,.04),0 0 55px rgba(81,216,255,.15)}.art-service i{position:absolute;width:170%;height:1px;background:linear-gradient(90deg,transparent,rgba(95,221,255,.4),transparent);transform:rotate(-18deg)}.art-service i+ i{transform:rotate(22deg)}.art-cost{display:flex;align-items:flex-end;padding:28px 12%;gap:8%;background:linear-gradient(145deg,#122536,#07131e)}.art-cost span{position:absolute;right:12%;top:18%;font-size:80px;color:rgba(82,221,255,.12);font-weight:bold}.art-cost i{width:18%;height:30%;background:#2b7691;animation:bars 3s ease-in-out infinite alternate}.art-cost i:nth-of-type(2){height:54%;animation-delay:.3s}.art-cost i:nth-of-type(3){height:78%;animation-delay:.6s;background:#5bdcff}.art-carplay{display:flex;flex-direction:column;justify-content:space-between;padding:28px;background:radial-gradient(circle at 75% 20%,#25546c,#091924 55%)}.art-carplay>span{color:#fff;font-size:13px}.art-carplay>div{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.art-carplay i{aspect-ratio:1;border-radius:24%;background:linear-gradient(135deg,#6ee3ff,#218fbd);box-shadow:0 12px 25px rgba(0,0,0,.25)}.art-carplay i:nth-child(2){background:linear-gradient(135deg,#55e0b0,#16855f)}.art-carplay i:nth-child(3){background:linear-gradient(135deg,#ffbe70,#c65e1f)}.art-carplay i:nth-child(4){background:linear-gradient(135deg,#d7a4ff,#754cb5)}.knowledge-lane{background:#07121f;color:#fff;padding:120px 8vw;display:grid;grid-template-columns:.65fr 1.35fr;gap:9vw;position:relative}.knowledge-lane:before{content:"";position:absolute;width:500px;height:500px;border:1px solid rgba(84,218,255,.14);border-radius:50%;left:-230px;bottom:-280px;box-shadow:0 0 0 70px rgba(84,218,255,.02)}.knowledge-sticky{align-self:start;position:sticky;top:110px}.knowledge-sticky h2{font-size:clamp(48px,6vw,82px);line-height:.92;letter-spacing:-.06em}.knowledge-sticky h2 em{font-family:Georgia,serif;color:var(--cyan);font-weight:400}.knowledge-sticky>p:last-child{color:#93a4ae;line-height:1.7;max-width:420px}.knowledge-list{border-top:1px solid rgba(255,255,255,.13)}.knowledge-list details{border-bottom:1px solid rgba(255,255,255,.13)}.knowledge-list summary{list-style:none;cursor:pointer;padding:28px 0;font-size:clamp(18px,2vw,25px);display:grid;grid-template-columns:50px 1fr auto;gap:20px;align-items:center}.knowledge-list summary::-webkit-details-marker{display:none}.knowledge-list summary:after{content:"+";font-size:28px;color:#58dcff;font-weight:300}.knowledge-list details[open] summary:after{content:"–"}.knowledge-list summary span{color:#54d7fa;font-size:10px;letter-spacing:.15em}.knowledge-list p{color:#9dafb8;line-height:1.75;margin:0 0 32px 70px;max-width:720px}.guide-path{margin:100px 7vw;background:#60dcf7;position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:space-between;gap:35px;padding:75px}.guide-path h2{font-size:clamp(48px,7vw,95px);letter-spacing:-.065em;margin:20px 0}.guide-path p{max-width:600px;line-height:1.65}.guide-path>*{position:relative;z-index:2}.path-orbit{position:absolute;width:530px;height:530px;border:1px solid rgba(6,27,40,.22);border-radius:50%;right:-130px;top:-300px}.path-orbit:after{content:"";position:absolute;inset:70px;border:1px solid rgba(6,27,40,.12);border-radius:50%;animation:orbit 9s linear infinite;transform-origin:center}.path-orbit:before{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:#07121f;left:73px;top:72px;box-shadow:0 0 0 12px rgba(7,18,31,.08)}
@keyframes guideDrift{to{transform:scale(1.055) translate3d(-1.5%,1%,0)}}@keyframes scan{0%{top:12%;opacity:0}15%{opacity:1}85%{opacity:.7}100%{top:90%;opacity:0}}@keyframes bars{to{transform:scaleY(.72);transform-origin:bottom}}@keyframes orbit{to{transform:rotate(360deg)}}
@media(max-width:950px){.guide-grid{grid-template-columns:1fr}.topic-large{grid-row:auto}.topic-card{min-height:480px}.topic-image{height:270px}.knowledge-lane{grid-template-columns:1fr}.knowledge-sticky{position:static}.guide-path{align-items:flex-start;flex-direction:column;padding:55px}.guide-hero-media{left:20%;opacity:.55}.guide-heading{align-items:flex-start;flex-direction:column}.topic-copy b{position:static;display:block;margin-top:25px}}
@media(max-width:650px){.guide-hero{padding:130px 6vw 90px}.guide-hero h1{font-size:58px}.guide-meter{display:none}.guide-hero-media{left:0;opacity:.35}.guide-featured{padding:80px 6vw}.topic-card{min-height:0}.topic-copy{padding:27px 24px 32px}.topic-copy h3{font-size:29px}.topic-index{font-size:38px;right:24px}.knowledge-lane{padding:85px 6vw}.knowledge-list summary{grid-template-columns:34px 1fr auto;gap:12px}.knowledge-list p{margin-left:46px}.guide-path{margin:60px 5vw;padding:38px 28px}.guide-path h2{font-size:48px}}
@media(prefers-reduced-motion:reduce){.guide-hero-media img,.scan-line,.art-cost i,.path-orbit:after{animation:none!important}.tilt{transform:none!important}}

/* FF_CALM_DESIGN_2026_START */
.guide-hero{min-height:620px;height:auto;padding:125px 7vw 72px}.guide-hero:after{background:linear-gradient(90deg,#06111e 0%,rgba(6,17,30,.9) 38%,rgba(6,17,30,.18) 76%),linear-gradient(0deg,#06111e 0%,transparent 35%)}
.guide-hero-media img{animation:none;filter:saturate(.68) contrast(1.03)}.guide-hero-media:after{background:radial-gradient(circle at 65% 45%,rgba(61,212,248,.08),transparent 34%)}.scan-line{display:none}
.guide-hero h1{font-size:clamp(52px,6.6vw,92px);line-height:.92;letter-spacing:-.06em;margin:26px 0}.guide-hero h1 em{color:#a7eaf8}.guide-hero-copy>p:not(.eyebrow){font-size:clamp(16px,1.3vw,19px)}
.guide-heading h2{font-size:clamp(42px,5vw,68px);line-height:.97}
.topic-card{min-height:455px;box-shadow:0 12px 34px rgba(8,28,42,.045);transition:transform .25s,box-shadow .25s}.topic-card:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(8,28,42,.08)}
.art-service span{box-shadow:none;border-color:rgba(95,221,255,.28)}
@media(max-width:620px){.guide-hero{min-height:540px;padding:112px 6vw 62px}.guide-hero h1{font-size:50px}}
/* FF_CALM_DESIGN_2026_END */