@layer theme, base, components, utilities;@layer components{.guide-page{--grad-purple: linear-gradient(135deg, #6b43e0 0%, #4f25c8 60%, #3d1aaf 100%);--grad-lavender: linear-gradient(135deg, #eeeafb, #e2dbf6);--grad-lime: linear-gradient(135deg, #d4ff50, #a8e020);--grad-sunset: radial-gradient(120% 120% at 30% 25%, #f2a85c 0%, #e07b2e 60%, #c25e14 100%);--grad-carrot: linear-gradient(135deg, #ffa24b 0%, #f2793a 45%, #d8531f 100%);--lavender-tint: var(--raw-lavender-pale);--danger-deep: var(--raw-danger-deep);--danger: var(--raw-danger);--danger-light: var(--raw-danger-light);--action-bg: var(--color-brand);--action-fg: var(--color-brand-content);--s-1: var(--space-1);--s-2: var(--space-2);--s-3: var(--space-3);--s-4: var(--space-4);--s-6: var(--space-6);--s-8: var(--space-8);--s-10: var(--space-10);--s-12: var(--space-12);--s-16: var(--space-16)}.guide-page [data-surface=dark]{--action-bg: var(--color-cta);--action-fg: var(--color-fg)}.guide-page [data-surface=light]{--action-bg: var(--color-brand);--action-fg: var(--color-brand-content)}}@layer components{.gd-pop{color:var(--color-fg-soft)}.gd-pop h2{margin:var(--s-3) 0 0;color:var(--color-fg);font-size:var(--type-heading);font-weight:var(--fw-bold);line-height:var(--lh-snug);letter-spacing:var(--ls-tight-25);text-wrap:balance}.gd-pop .gd-sticker{display:inline-block;transform:rotate(-3deg);background:var(--color-accent);color:var(--color-accent-content);font-size:var(--type-caption);font-weight:var(--fw-heavy);letter-spacing:var(--ls-wide-80);text-transform:uppercase;padding:var(--s-2) var(--s-3);box-shadow:0 6px 14px color-mix(in oklab,var(--color-accent) 30%,transparent)}.gd-pop{position:fixed;inset:0;z-index:var(--z-index-modal);display:flex;align-items:flex-end;justify-content:center}.gd-pop .gd-pop-bg{position:absolute;inset:0;border:0;padding:0;background:color-mix(in oklab,var(--color-fg) 45%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:gd-fade .25s ease;cursor:pointer}.gd-pop .gd-pop-card{position:relative;width:100%;max-width:640px;background:var(--color-surface);padding:var(--s-6) var(--s-6) calc(var(--s-4) + env(safe-area-inset-bottom,0px));border-top:4px solid var(--color-accent);box-shadow:0 -18px 50px color-mix(in oklab,var(--color-fg) 30%,transparent);animation:gd-slide .35s var(--easing-reveal)}.gd-pop .gd-pop-card--bot{max-width:600px;max-height:100dvh;overflow-y:auto;padding:var(--s-4) var(--s-2) calc(var(--s-2) + env(safe-area-inset-bottom,0px));border-top:0;background:transparent;box-shadow:none}.gd-pop .gd-pop-x.gd-pop-x--bot{top:0;right:var(--s-2);background:var(--color-brand);border-radius:50%;z-index:1;color:var(--color-brand-content)}.gd-pop .gd-pop-card:focus{outline:none}@keyframes gd-slide{0%{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}@keyframes gd-fade{0%{opacity:0}to{opacity:1}}.gd-pop .gd-pop-x{position:absolute;top:var(--s-2);right:var(--s-2);width:40px;height:40px;display:grid;place-items:center;border:0;background:none;cursor:pointer;font-size:var(--type-heading);line-height:var(--lh-solid);color:var(--color-muted)}.gd-pop .gd-pop-x:focus-visible,.gd-pop .gd-pop-later:focus-visible,.gd-pop .gd-cta:focus-visible{outline:3px solid var(--color-brand);outline-offset:2px}.gd-pop .gd-pop-top{display:grid;grid-template-columns:100px 1fr;gap:var(--s-4);align-items:center}.gd-pop .gd-pop-cover{aspect-ratio:3 / 4;transform:rotate(-4deg);background:var(--grad-purple);color:var(--color-brand-content);padding:var(--s-3) var(--s-2);display:flex;flex-direction:column;gap:var(--s-1);box-shadow:0 14px 28px color-mix(in oklab,var(--color-brand) 35%,transparent)}.gd-pop .gd-pc-tag{align-self:flex-start;background:var(--color-surface);color:var(--color-brand);font-size:var(--type-caption);font-weight:var(--fw-heavy);letter-spacing:var(--ls-wide-80);text-transform:uppercase;padding:2px var(--s-1)}.gd-pop .gd-pop-cover b{margin-top:var(--s-2);font-size:var(--type-subheading);font-weight:var(--fw-heavy);letter-spacing:var(--ls-tight-40);line-height:var(--lh-solid)}.gd-pop .gd-pc-t{font-family:var(--font-accent);font-style:italic;font-size:var(--type-caption);line-height:var(--lh-snug)}.gd-pop .gd-pc-links{margin-top:auto;display:grid;gap:var(--s-1)}.gd-pop .gd-pc-links i{display:block;height:6px;background:color-mix(in oklab,var(--color-brand-content) 35%,transparent)}.gd-pop .gd-pc-links i:nth-child(2){width:80%}.gd-pop .gd-pc-links i:nth-child(3){width:60%;background:var(--raw-coral)}.gd-pop .gd-pop-txt{min-width:0}.gd-pop .gd-pop-txt h2{font-size:var(--type-subheading);font-weight:var(--fw-heavy);line-height:var(--lh-snug)}.gd-pop .gd-pop-txt p{margin:var(--s-2) 0 0;font-size:var(--type-body-sm);line-height:var(--lh-normal)}.gd-pop .gd-cta{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);width:100%;min-height:64px;margin-top:var(--s-6);padding:var(--s-2) var(--s-2) var(--s-2) var(--s-6);border:0;background:var(--color-accent);color:var(--color-accent-content);font-size:var(--type-body);font-weight:var(--fw-heavy);line-height:var(--lh-snug);text-align:left;cursor:pointer;box-shadow:0 12px 26px color-mix(in oklab,var(--color-accent) 38%,transparent)}.gd-pop .gd-cta-arr{flex:none;display:grid;place-items:center;width:48px;height:48px;background:var(--color-surface);color:var(--color-accent);font-size:var(--type-subheading)}.gd-pop .gd-pop-later{display:block;margin:var(--s-3) auto 0;padding:var(--s-2) var(--s-3);border:0;background:none;cursor:pointer;font-size:var(--type-body-sm);font-weight:var(--fw-semibold);color:var(--color-muted)}.gd-pop .gd-pop-card--hero{container-type:inline-size;max-height:94vh;overflow:auto;padding:0 0 calc(var(--s-3) + env(safe-area-inset-bottom,0px));border-top:0;border-radius:var(--corner-lg) var(--corner-lg) 0 0}.gd-pop .gd-pop-card--hero .gd-pop-x{top:var(--s-2);right:var(--s-2);z-index:5;width:36px;height:36px;border-radius:50%;background:color-mix(in oklab,var(--color-fg) 55%,transparent);color:var(--color-brand-content)}.gd-pop .gd-ph{position:relative;display:grid;grid-template-columns:1fr 168px;gap:var(--s-2);min-height:236px;padding:var(--s-6) 0 0 var(--s-6);overflow:hidden;background:radial-gradient(100% 80% at 100% 0%,color-mix(in oklab,var(--raw-lavender) 70%,transparent) 0%,transparent 55%),radial-gradient(90% 80% at 0% 100%,color-mix(in oklab,var(--raw-purple-bright) 70%,transparent) 0%,transparent 60%),var(--grad-purple)}.gd-pop .gd-ph-txt{position:relative;z-index:2;min-width:0;padding-bottom:var(--s-6)}.gd-pop .gd-ph-tag{display:inline-block;padding:var(--s-1) var(--s-3);border-radius:var(--corner-pill);background:var(--color-surface);color:var(--color-brand);font-size:var(--type-caption);font-weight:var(--fw-heavy);letter-spacing:var(--ls-wide-80);text-transform:uppercase}.gd-pop .gd-ph h2{margin-top:var(--s-3);color:var(--color-brand-content);font-size:var(--type-heading);font-weight:var(--fw-heavy);line-height:var(--lh-tight)}.gd-pop .gd-ph h2 i{display:block;font-family:var(--font-accent);font-style:italic;font-weight:var(--fw-medium);letter-spacing:var(--ls-tight-10);color:color-mix(in oklab,var(--raw-coral) 35%,var(--raw-white))}.gd-pop .gd-ph p{max-width:30ch;margin:var(--s-2) 0 0;color:var(--lavender-tint);font-size:var(--type-body-sm);line-height:var(--lh-normal)}.gd-pop .gd-ph-dev{position:relative;z-index:1;align-self:end;margin-right:-26px;transform:rotate(-6deg) translateY(18px)}.gd-pop .gd-ph-phone{width:178px;padding:var(--s-1);border-radius:var(--corner-sm);background:var(--color-fg);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-brand-content) 30%,transparent),0 20px 40px color-mix(in oklab,var(--color-fg) 45%,transparent)}.gd-pop .gd-ph-scr{position:relative;overflow:hidden;padding:20px 7px 10px;border-radius:var(--corner-xs);background:var(--color-bg)}.gd-pop .gd-ph-scr:before{content:"";position:absolute;left:50%;top:6px;width:46px;height:10px;margin-left:-23px;border-radius:var(--corner-pill);background:var(--color-fg)}.gd-pop .gd-ph-h{padding:0 3px 6px;font-size:9px;font-weight:var(--fw-heavy);letter-spacing:var(--ls-wide-60);text-transform:uppercase;color:var(--color-brand)}.gd-pop .gd-ph-r{display:grid;grid-template-columns:22px 1fr 12px;gap:6px;align-items:center;margin-bottom:5px;padding:6px;border-radius:var(--corner-sm);background:var(--color-surface);box-shadow:0 1px 3px color-mix(in oklab,var(--color-fg) 6%,transparent)}.gd-pop .gd-ph-r i{display:grid;place-items:center;width:22px;height:22px;border-radius:var(--corner-xs);background:var(--color-surface-brand);color:var(--color-fg);font-family:var(--font-body);font-style:normal;letter-spacing:normal;font-size:10px;font-weight:var(--fw-heavy)}.gd-pop .gd-ph-r b{display:block;color:var(--color-fg);font-size:10px;line-height:var(--lh-tight)}.gd-pop .gd-ph-r small{display:inline-block;margin-top:3px;padding:2px 6px;border-radius:var(--corner-pill);background:var(--color-accent);color:var(--color-accent-content);font-size:7.5px;font-weight:var(--fw-bold)}.gd-pop .gd-ph-r s{color:var(--raw-coral);font-size:11px;text-decoration:none}.gd-pop .gd-ph-faded{opacity:var(--fade-muted)}.gd-pop .gd-ph-price{position:absolute;right:150px;bottom:14px;z-index:3;display:grid;place-items:center;width:84px;height:84px;border:4px solid var(--color-surface);border-radius:50%;background:var(--color-accent);color:var(--color-accent-content);text-align:center;transform:rotate(-10deg);box-shadow:0 12px 24px color-mix(in oklab,var(--color-accent) 45%,transparent)}.gd-pop .gd-ph-price small{display:block;font-size:9.5px;font-weight:var(--fw-bold);letter-spacing:var(--ls-wide-60);line-height:var(--lh-solid);text-transform:uppercase}.gd-pop .gd-ph-price b{display:block;font-size:24px;font-weight:var(--fw-heavy);letter-spacing:var(--ls-tight-30);line-height:var(--lh-solid)}.gd-pop .gd-pb{padding:var(--s-6) var(--s-6) 0}.gd-pop .gd-pb-ben{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3)}.gd-pop .gd-pb-ben li{display:grid;grid-template-columns:34px 1fr;gap:var(--s-3);align-items:center;color:var(--color-fg);font-size:var(--type-body-sm);line-height:var(--lh-snug)}.gd-pop .gd-pb-ic{display:grid;place-items:center;width:34px;height:34px;border-radius:var(--corner-sm);background:var(--color-surface-brand);color:var(--color-brand)}.gd-pop .gd-pb-ic svg{width:18px;height:18px}.gd-pop .gd-cta.gd-cta--pill{min-height:58px;margin-top:var(--s-4);padding:var(--s-2) var(--s-2) var(--s-2) var(--s-6);border-radius:var(--corner-pill);font-weight:var(--fw-bold)}.gd-pop .gd-cta--pill .gd-cta-arr{width:44px;height:44px;border-radius:50%}.gd-pop .gd-pb-note{margin:var(--s-2) 0 0;text-align:center;color:var(--color-muted);font-size:var(--type-caption)}.gd-pop .gd-pop-card--hero .gd-pop-later{margin-top:2px}@container (max-width: 420px){.gd-pop .gd-ph{grid-template-columns:1fr 128px;min-height:220px;padding:var(--s-6) 0 0 var(--s-4)}.gd-pop .gd-ph-phone{width:150px}.gd-pop .gd-ph-price{right:112px;bottom:8px;width:72px;height:72px}.gd-pop .gd-ph-price b{font-size:20px}.gd-pop .gd-pb{padding:var(--s-4) var(--s-4) 0}.gd-pop .gd-pb-ben{grid-template-columns:1fr;gap:var(--s-2)}}@media (min-width: 768px){.gd-pop{align-items:center}.gd-pop .gd-pop-card.gd-pop-card--hero{max-width:600px;border-radius:var(--corner-lg)}.gd-pop .gd-pop-card{max-width:560px}.gd-pop .gd-pop-top{grid-template-columns:118px 1fr}}@media (prefers-reduced-motion: reduce){.gd-pop .gd-pop-card,.gd-pop .gd-pop-bg{animation:none}}}