@charset "UTF-8";

:root{font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;color:#121b19;background:#e8eff8;font-synthesis:none;color-scheme:light}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;width:100%}
body{min-height:100svh;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 30%,#f7faff,#e5edf7)}
.price-board{position:relative;isolation:isolate;container-type:inline-size;width:min(100vw,177.7778svh);aspect-ratio:16/9;overflow:hidden;padding:1.6% 1.75% 1%;background:linear-gradient(150deg,#edf8ff 0%,#eaf4ff 49%,#edf0ff 100%);border:1px solid #f5fffa;box-shadow:0 20px 70px #233e2b16;display:flex;flex-direction:column}
.price-board::before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 38% 46%,#ffffffb3 0,transparent 55%),radial-gradient(ellipse at 91% 100%,#cbd8ff40,transparent 50%),linear-gradient(#799ec609 1px,transparent 1px),linear-gradient(90deg,#799ec609 1px,transparent 1px);background-size:auto,auto,3cqw 3cqw,3cqw 3cqw;pointer-events:none}
.board-header{height:18%;flex-shrink:0;text-align:center;padding-top:.1cqw;padding-right:17.5cqw}
.eyebrow{font-size:.76cqw;letter-spacing:.13em;color:#7c9891;font-weight:600;margin:.3cqw 0 .65cqw}
h1{font-size:3.4cqw;letter-spacing:-.045em;line-height:1.2;margin:0;font-weight:900;white-space:nowrap}
h1 span{margin-left:.5cqw}
.hero{position:relative;display:grid;grid-template-columns:46% 32% 22%;align-items:center;height:35%;flex-shrink:0;margin-top:-.5cqw;margin-bottom:1.3cqw}
.hero-copy{align-self:stretch;padding-top:1cqw;position:relative;z-index:2}
.brand-kicker{margin:0 0 .6cqw;color:#5d8177;font-size:.9cqw;letter-spacing:.04em;font-weight:600;display:flex;align-items:center;gap:.42cqw}
.live-dot{width:.45cqw;height:.45cqw;background:#1d9470;border-radius:50%;box-shadow:0 0 0 .23cqw #22805c13}
.hero h2{white-space:nowrap;font-size:4.42cqw;font-weight:900;line-height:1.08;letter-spacing:-.052em;margin:0 0 1.3cqw}
.slash{font-weight:500;letter-spacing:-.1em;color:#3d5750}
.hero-caption{font-size:1.82cqw;font-weight:700;margin:0;color:#000;letter-spacing:.02em}
.clock-panel{position:relative;width:83%;height:6.9cqw;margin-top:1.35cqw;border-radius:.65cqw;background:#ffffffb8;padding:.65cqw 1.2cqw;border:1px solid #fff;box-shadow:0 4px 12px #aac9b212;display:grid;place-items:center}
.analog-clock{position:absolute;left:1.2cqw;top:50%;transform:translateY(-50%);display:block;width:5.6cqw;height:5.6cqw;overflow:visible}
.clock-face{fill:#fff;stroke:#253c53;stroke-width:2.8}
.clock-ticks{fill:none;stroke:#253c53;stroke-width:3;stroke-linecap:round}
.clock-minor-ticks{stroke-width:2.2}
.clock-hand{stroke-linecap:round}
.clock-hour-hand{stroke:#101820;stroke-width:5.8}
.clock-minute-hand{stroke:#101820;stroke-width:4.5}
.clock-second-hand{stroke:#245db4;stroke-width:2.5}
.clock-pin{fill:#245db4;stroke:#fff;stroke-width:1}
.digital-clock{display:block;text-align:center;white-space:nowrap;font-family:"Arial Narrow","Bahnschrift","Consolas",monospace;font-size:4.5cqw;font-stretch:normal;font-variant-numeric:tabular-nums;letter-spacing:.025em;font-weight:500;line-height:1.05;color:#101820;padding-right:0;margin:0}
.hero-art{height:100%;position:relative;align-self:center;margin-left:-3.3cqw;overflow:visible}
.little-friend{height:100%;width:100%;position:absolute;inset:0;overflow:visible;z-index:2;transform:rotate(3.37deg);transform-origin:50% 50%;animation:friend-look 46s ease-in-out infinite;filter:drop-shadow(0 .3cqw .1cqw #18442c08)}
.friend-body{transform-box:fill-box;transform-origin:50% 90%;animation:friend-bounce .8s ease-in-out infinite alternate}
.arm-front{transform-origin:132px 140px;animation:arm-wave .8s ease-in-out infinite alternate}
.arm-back{transform-origin:199px 155px;animation:arm-wave .8s ease-in-out infinite alternate-reverse}
.leg-front{transform-origin:160px 223px;animation:front-step .8s ease-in-out infinite alternate}
.leg-back{transform-origin:190px 224px;animation:back-step .8s ease-in-out infinite alternate}
.figure-shadow{position:absolute;width:60%;height:3%;border-radius:50%;background:#9bbdad33;left:20%;bottom:2%;filter:blur(.22cqw);animation:shadow-step .8s ease-in-out infinite alternate}
.rush{position:absolute;left:82%;top:-3%;color:#ff5a42;font-size:4.25cqw;line-height:1;font-weight:900;z-index:4;transform:rotate(12deg);text-shadow:.1cqw .15cqw #fff,-.1cqw -.1cqw #fff,.16cqw -.08cqw #fff;animation:rush-flash 1.3s steps(1,end) infinite}
.ai-stamp{position:absolute;right:.9cqw;top:1.4cqw;width:8.4cqw;height:8.4cqw;border-radius:2.15cqw 2.15cqw .4cqw 2.15cqw;background:linear-gradient(145deg,#83bca8,#62a18c);box-shadow:inset 0 .1cqw .35cqw #fff5;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-3deg);color:#effbf5}
.ai-stamp strong{font-size:4.9cqw;font-weight:600;line-height:.9;letter-spacing:-.06em;margin-right:.3cqw}
.ai-stamp>span:last-child{font-size:.39cqw;letter-spacing:.12em;margin-top:.6cqw}
.sparkle{position:absolute;font-size:1.8cqw;right:.8cqw;top:.6cqw;font-weight:400}
.art-spark{position:absolute;color:#79b49d;font-size:1.9cqw}
.art-spark-one{left:0;top:1.2cqw;transform:rotate(12deg)}
.art-spark-two{right:2.1cqw;bottom:1.5cqw;transform:rotate(12deg);font-size:2.7cqw}
.contact-card{align-self:start;position:relative;margin:-7.15cqw 0 0 1.25cqw;padding:.65cqw .65cqw .8cqw;background:#ffffffe6;border-radius:.65cqw;box-shadow:0 .1cqw .5cqw #769a8010;z-index:3}
.qr-frame{width:100%;aspect-ratio:1;background:white;display:grid;place-items:center;overflow:hidden;padding:.9cqw}
.qr-frame img{display:block;width:100%;height:100%;object-fit:contain;image-rendering:auto}
.contact-card p{font-size:1.62cqw;font-weight:600;line-height:1.4;text-align:center;white-space:nowrap;margin:.65cqw -.25cqw 0;color:#000}
.contact-agent{color:#e22d2d;font-weight:800}
.qr-pointer{display:inline-block;margin-left:.12em;transform-origin:50% 10%;animation:qr-point-up 1.05s ease-in-out infinite}
.contact-card strong{font-size:1.55cqw;color:#705279;letter-spacing:.015em;margin-left:.18cqw}
.plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.35cqw;height:29%;flex-shrink:0;position:relative;z-index:2}
.plan-card{position:relative;min-width:0;padding:1.15cqw 1.25cqw .95cqw;background:#fff;border:1px solid #ffffff;border-radius:.85cqw;box-shadow:0 .35cqw .35cqw #57765b17,0 0 .7cqw #98cbb213;display:flex;flex-direction:column}
.plan-meta{display:flex;align-items:center;justify-content:space-between;font-size:.71cqw;font-weight:500;letter-spacing:.05em;color:#94a49a;line-height:1.3;margin-bottom:.55cqw}
.plan-card h3{font-size:2.65cqw;font-weight:800;letter-spacing:-.035em;line-height:1.1;margin:0 0 .37cqw}
.plan-type{color:#40556c;font-size:1.12cqw;font-weight:600;line-height:1.3;letter-spacing:.04em;margin:0}
.price{display:flex;align-items:baseline;gap:.4cqw;margin:auto 0 .38cqw;font-variant-numeric:tabular-nums;white-space:nowrap;color:#0c1410;line-height:1.02}
.price strong{font-size:5.4cqw;font-weight:800;letter-spacing:-.045em}
.plan-bottom{display:flex;justify-content:space-between;gap:.3cqw;align-items:center;font-size:1.12cqw;font-weight:600;color:#40556c;line-height:1.4;white-space:nowrap}
.plan-bottom>span:first-child{font-size:1.4cqw;font-weight:700;color:#253c53}
.consult-bar{margin-top:1.65cqw;background:#ffffffe8;display:flex;align-items:center;gap:.9cqw;height:5.3cqw;border:1px solid white;border-radius:.7cqw;padding:0 1.25cqw;flex-shrink:0;box-shadow:0 .15cqw .3cqw #93bba50a}
.consult-icon{display:grid;place-items:center;flex-shrink:0;font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif;font-size:2.3cqw;width:2.5cqw;height:2.5cqw;line-height:1}
.consult-bar p{font-size:2.05cqw;font-weight:700;margin:0;letter-spacing:.01em}
.consult-hint{margin-left:auto;color:#7b8b82;font-size:1cqw;white-space:nowrap}
.consult-hint strong{color:#5b796b;font-size:1.12cqw;letter-spacing:.04em}
.consult-hint>span{margin-left:.65cqw;color:#5f8771;font-size:1.4cqw}
.board-footer{display:flex;align-items:end;justify-content:space-between;gap:1cqw;flex:1;min-height:2cqw;padding:.65cqw .2cqw .15cqw;color:#91a293;font-size:.58cqw;letter-spacing:.035em}
.board-footer>strong{font-size:1.6cqw;letter-spacing:.1em;color:#446c56;line-height:1;position:absolute;left:50%;transform:translateX(-50%);bottom:1cqw}
.brand-star{display:inline-block;position:relative;top:-.55cqw;font-size:.6cqw;margin-left:.1cqw;color:#68a07a}
.fullscreen-button{position:absolute;right:1cqw;bottom:.8cqw;z-index:10;border:1px solid #acc3b8;background:#f9fffcf2;color:#315744;padding:.5cqw .8cqw;border-radius:.45cqw;font:600 .9cqw Arial,"Microsoft YaHei",sans-serif;opacity:0;pointer-events:none;transition:opacity .15s;cursor:pointer}
.price-board:hover .fullscreen-button,.fullscreen-button:focus-visible{opacity:1;pointer-events:auto}
.fullscreen-button:focus-visible{outline:2px solid #315744;outline-offset:3px}
:root:fullscreen body{background:#e9faf3;padding-top:0;align-content:center}
:root:fullscreen .price-board{width:min(100vw,177.7778svh);border:0;box-shadow:none}
@keyframes friend-bounce{from{transform:translateY(0) rotate(-3deg)}to{transform:translateY(-9px) rotate(2deg)}}
@keyframes qr-point-up{0%,100%{transform:translateY(.16em)}45%{transform:translateY(-.26em)}65%{transform:translateY(-.18em)}}
@keyframes arm-wave{from{transform:rotate(-7deg)}to{transform:rotate(12deg)}}
@keyframes front-step{from{transform:rotate(-10deg)}to{transform:rotate(13deg)}}
@keyframes back-step{from{transform:rotate(12deg)}to{transform:rotate(-10deg)}}
@keyframes shadow-step{from{transform:scaleX(1);opacity:.85}to{transform:scaleX(.8);opacity:.6}}
@keyframes rush-flash{0%,70%{opacity:1}71%,100%{opacity:.15}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
@media(max-width:600px) and (orientation:portrait){body{align-content:start;padding-top:12svh}.price-board{width:100vw;border-left:0;border-right:0;border-radius:0}.fullscreen-button{font-size:2.8cqw;padding:1cqw 1.5cqw;bottom:1cqw;right:1cqw}.fullscreen-button span{display:none}.price-board:hover .fullscreen-button{opacity:0;pointer-events:none}.fullscreen-button:focus-visible{opacity:1;pointer-events:auto}}
@media(hover:none) and (pointer:coarse){.fullscreen-button,.price-board:hover .fullscreen-button{opacity:.8;pointer-events:auto}}
@media print{body{background:#fff;min-height:0}.price-board{width:100%;box-shadow:none}.fullscreen-button{display:none}}

/* Only the requested changes, on top of the original V1 presentation. */
.headline-spacer{height:1.7cqw}
.brand-spacer{height:1.7cqw}
.gpt-stamp{position:absolute;right:.9cqw;top:1.4cqw;width:8.4cqw;height:8.4cqw;border-radius:2.15cqw 2.15cqw .4cqw 2.15cqw;background:linear-gradient(145deg,#83bca8,#62a18c);box-shadow:inset 0 .1cqw .35cqw #fff5;display:grid;place-items:center;transform:rotate(-3deg)}
.gpt-stamp img{display:block;width:6.1cqw;height:6.1cqw;object-fit:contain}
.qr-frame{aspect-ratio:900/902}
.qr-filter-defs{position:absolute;pointer-events:none;overflow:hidden}
.qr-image{position:relative;width:100%;aspect-ratio:900/902;--qr-accent:#174A8B}
.qr-image>.qr-code{display:block;width:100%;height:100%;object-fit:contain;filter:url(#qr-ink-filter)}
.qr-brand{position:absolute;left:49.94%;top:50.28%;width:20.5%;height:20.45%;transform:translate(-50%,-50%);border-radius:18%;background:white;padding:1.1%;display:grid;place-items:center}
.qr-brand img{display:block;width:100%;height:100%;object-fit:contain}
.qr-random-icon{display:block;width:82%;height:82%;overflow:visible;fill:none;stroke:var(--qr-accent);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.consult-hint{font-family:Arial,sans-serif;font-size:1.65cqw;font-weight:700;letter-spacing:.04em;color:#526783}
.friend-roam{position:absolute;left:50%;top:32%;width:16cqw;height:17.92cqw;z-index:4;pointer-events:none;transform:translate(-50%,-50%);transform-origin:50% 50%;animation:friend-travel 46s ease-in-out infinite;will-change:left,top,transform}
/* The route follows the marked centre + first-three-card area. Returning left never flips the mascot. */
@keyframes friend-travel{
  0%{left:50%;top:32%;transform:translate(-50%,-50%) scale(1)}
  8.695652%{left:54%;top:44%;transform:translate(-50%,-50%) scale(0.84)}
  17.391304%{left:61%;top:68%;transform:translate(-50%,-50%) scale(0.62)}
  32.608696%{left:43%;top:69%;transform:translate(-50%,-50%) scale(0.62)}
  47.826087%{left:22%;top:69%;transform:translate(-50%,-50%) scale(0.62)}
  60.869565%{left:8%;top:69%;transform:translate(-50%,-50%) scale(0.6)}
  71.739130%{left:30%;top:69%;transform:translate(-50%,-50%) scale(0.62)}
  80.434783%{left:54%;top:64%;transform:translate(-50%,-50%) scale(0.66)}
  89.130435%{left:53%;top:45%;transform:translate(-50%,-50%) scale(0.82)}
  100%{left:50%;top:32%;transform:translate(-50%,-50%) scale(1)}
}
/* The forward gesture keeps pointing towards the QR, independently of travel direction. */
@keyframes friend-look{
  0%{transform:rotate(3.37deg)}
  8.695652%{transform:rotate(-8.057deg)}
  17.391304%{transform:rotate(-32.637deg)}
  32.608696%{transform:rotate(-19.874deg)}
  47.826087%{transform:rotate(-11.856deg)}
  60.869565%{transform:rotate(-8.598deg)}
  71.739130%{transform:rotate(-14.331deg)}
  80.434783%{transform:rotate(-23.665deg)}
  89.130435%{transform:rotate(-8.469deg)}
  100%{transform:rotate(3.37deg)}
}

/* A timed puzzle fills only the space the original mascot has vacated. */
.idiom-panel{position:absolute;left:40.3%;top:17.5%;width:27%;height:34%;z-index:3;display:flex;flex-direction:column;justify-content:center;padding:1.1cqw 1.3cqw 1.3cqw;border:1px solid #ffffffef;border-radius:1.15cqw;background:linear-gradient(150deg,#ffffffed,#f6faffeb);box-shadow:0 .35cqw 1.5cqw #7696c016;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(.4cqw);transition:opacity .28s ease,transform .28s ease;overflow:hidden}
.idiom-panel[data-state="question"],.idiom-panel[data-state="answer"]{opacity:1;visibility:visible;transform:translateY(0)}
.idiom-panel[data-state="leaving"]{visibility:visible;opacity:0;transform:translateY(-.3cqw);transition-duration:1.5s;transition-timing-function:linear}
.idiom-heading{display:flex;align-items:center;justify-content:space-between;gap:.5cqw;margin:0 0 .7cqw;font-size:1.46cqw;line-height:1.4;font-weight:700;letter-spacing:.03em;color:#30557c}
.idiom-heading>span{font-size:1cqw;font-weight:500;letter-spacing:0;color:#8194aa}
.idiom-icons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:.35cqw;height:6.4cqw;flex-shrink:0}
.idiom-icons>span{display:grid;place-items:center;min-width:0;font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif;font-size:4.65cqw;font-weight:400;line-height:1.2;filter:drop-shadow(0 .15cqw .1cqw #243e5b10)}
.idiom-icons>.idiom-number{justify-self:center;width:4.5cqw;height:4.5cqw;border-radius:.65cqw;border:1px solid #4677cb;background:linear-gradient(145deg,#79b7ff,#4679dc);box-shadow:inset 0 .12cqw .18cqw #ffffff80;color:#fff;font-family:Arial,sans-serif;font-size:1.25cqw;font-weight:800;letter-spacing:-.035em}
.idiom-icons>.idiom-multi{justify-self:center;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;width:5.35cqw;height:5.6cqw;gap:0;font-size:2.65cqw;line-height:1.05}
.idiom-multi>span{display:block;text-align:center}
.idiom-multi[data-count="3"]>span:last-child{grid-column:1 / 3;margin-top:-.15cqw}
.idiom-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.05cqw;margin:.15cqw .7cqw 0;flex-shrink:0}
.idiom-slots>span{display:grid;place-items:center;height:3.65cqw;border-bottom:.2cqw solid #8ba4bf;font-size:2.7cqw;line-height:1;font-weight:800;color:#244a71}
.idiom-panel[data-state="answer"] .idiom-slots>span{border-bottom-color:#4b86b7}
.idiom-status{min-height:1.5cqw;margin:.9cqw 0 0;font-size:1.12cqw;line-height:1.4;text-align:center;color:#70869d;letter-spacing:.02em}
.idiom-panel[data-state="answer"] .idiom-status{color:#397b6d;font-weight:600}
.idiom-progress{position:absolute;bottom:0;left:0;width:100%;height:.23cqw;background:#e9f0f8}
.idiom-progress>span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#aac7e9,#7d9fca);transform:scaleX(1);transform-origin:left}

/* Decorative portrait stays entirely in the existing upper-left whitespace. */
.ambient-portrait{position:absolute;left:7%;top:2%;height:20%;aspect-ratio:var(--portrait-aspect,256/330);z-index:1;pointer-events:none;overflow:hidden;contain:layout paint}
.portrait-poster,.portrait-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
.portrait-canvas{opacity:0}
.ambient-portrait[data-playing="true"] .portrait-canvas{opacity:1}
.ambient-portrait[data-playing="true"] .portrait-poster{opacity:0}
.portrait-source{position:absolute;left:0;top:0;width:1px;height:1px;opacity:0;pointer-events:none}
@media(prefers-reduced-motion:reduce){.ambient-portrait .portrait-poster{opacity:1}.ambient-portrait .portrait-canvas{opacity:0}}

/* Compact speech bubble in the portrait's existing right-hand whitespace. */
.portrait-bubble{position:absolute;left:17.2%;top:14.5%;width:19.5%;z-index:2;padding:.7cqw 1.15cqw;border:1px solid #bed6ed;border-radius:1.1cqw;background:linear-gradient(135deg,#fffffffa,#f2f9fffa);box-shadow:0 .25cqw .8cqw #4c79a514;color:#244c70;pointer-events:none}
.portrait-bubble::before{content:"";position:absolute;left:-.42cqw;top:45%;width:.75cqw;height:.75cqw;background:#fbfdff;border-left:1px solid #bed6ed;border-bottom:1px solid #bed6ed;transform:rotate(45deg);border-bottom-left-radius:.12cqw}
.portrait-bubble-window{height:2.1cqw;overflow:hidden;text-align:center}
.portrait-bubble-lines{animation:portrait-caption-scroll 16s infinite;will-change:transform}
.portrait-bubble-lines>span{display:block;height:2.1cqw;line-height:2.1cqw;font-size:1.8cqw;font-weight:700;letter-spacing:.02em;white-space:nowrap}
@keyframes portrait-caption-scroll{0%,20%{transform:translateY(0)}25%,45%{transform:translateY(-20%)}50%,70%{transform:translateY(-40%)}75%,95%{transform:translateY(-60%)}100%{transform:translateY(-80%)}}
@media(prefers-reduced-motion:reduce){.portrait-bubble-window{height:auto}.portrait-bubble-lines>span{display:none;height:auto;line-height:1.5;white-space:normal}.portrait-bubble-lines>span:first-child{display:block}.portrait-bubble-lines>span:first-child::after{content:"，官方直冲，到您自己的号，右上角联系客服。"}.portrait-bubble{padding:.45cqw .65cqw}.portrait-bubble-lines>span{font-size:1.05cqw}}

/* Clean four-card price layout, with Plus as the permanent focal point. */
.plans{gap:1.15cqw}
.plan-card{padding:1.15cqw 1.25cqw 1cqw;border:1px solid #e0e8ed;border-radius:1.05cqw;background:#fff;box-shadow:0 .4cqw 1.05cqw #38546e1a;transition:transform .2s ease,box-shadow .2s ease}
.plan-card:first-child{background:#edf7f3;border-color:#a7cbbf;box-shadow:0 .55cqw 1.35cqw #437e6d2a}
.plan-card:first-child::before{content:"";position:absolute;left:0;top:1.25cqw;bottom:1.25cqw;width:.26cqw;border-radius:0 .4cqw .4cqw 0;background:#61aa95}
.plan-meta{margin-bottom:.7cqw;font-size:.78cqw;font-weight:700;letter-spacing:.13em;color:#75909d}
.plan-card:first-child .plan-meta{color:#4a8272}
.plan-card h3{margin-bottom:.5cqw;font-size:2.52cqw;letter-spacing:-.045em;color:#172c36}
.plan-card:first-child h3{color:#173a35}
.plan-type{font-size:1.03cqw;font-weight:500;color:#667b89;letter-spacing:0}
.plan-card:first-child .plan-type{color:#567b72}
.price{margin:auto 0 .38cqw;color:#142b34}
.price strong{font-size:5.25cqw;font-weight:800;letter-spacing:-.06em}
.plan-card:first-child .price{color:#153e38}
.plan-card:first-child .price strong{font-size:5.85cqw}
.plan-bottom{align-items:end;padding-top:.55cqw;border-top:1px solid #e3ebf0;color:#657c88;font-size:.98cqw}
.plan-bottom>span:first-child{font-size:1.65cqw;font-weight:800;line-height:1.05;color:#223f50}
.plan-bottom>span:last-child{font-size:1.48cqw;font-weight:800;letter-spacing:.01em;color:#2f5666;opacity:1}
.plan-card:first-child .plan-bottom{border-color:#c7ded5;color:#62877b}
.plan-card:first-child .plan-bottom>span:first-child{color:#1b5548}
.plan-card:first-child .plan-bottom>span:last-child{color:#176b5b}
@media(hover:hover){.plan-card:hover{transform:translateY(-.25cqw);box-shadow:0 .7cqw 1.4cqw #38546e2a}.plan-card:first-child:hover{box-shadow:0 .75cqw 1.6cqw #437e6d38}}
@media(prefers-reduced-motion:reduce){.plan-card{transition:none}}