:root{ --brand:#244F39; --brand-d:#15321F; --brand-l:#6FA98A; --brand-bg:#EDF4EF; --brand-bg2:#F5F9F6; --ink:#1E2A22; --ink-2:#44524A; --ink-3:#5F6D64; --bg:#F6F2EA; --bg-2:#FFFDF9; --line:#E3DCCD; --line-2:#EFE9DC; --line-3:#F5F1E8; --deep-txt:#A8BFB2; --deep-txt2:#93AC9D; --deep-line:rgba(255,255,255,.085); --ok:#2A7354; --ok-solid:#1F7A52; --ok-bg:#E9F6F0; --ok-line:#C5E6D7; --red-solid:#AE4430; --amber-solid:#8E5A12; --violet-solid:#2C5E45; --teal-solid:#8A6B2E; --slate:#52665D; --red:#BF3D3D; --red-bg:#FDECEC; --red-line:#F5C9C9; --amber:#8A5A16; --amber-bg:#FCF4E8; --amber-line:#EBD8B5; --c-class-bg:#E4F0E9; --c-class-ink:#1C4330; --c-class-solid:#2C5E45; --c-shop-bg:#F7EFE0; --c-shop-ink:#7A5C21; --c-shop-solid:#8A6B2E; --c-doc-bg:#E4EDF7; --c-doc-ink:#2B4F7A; --c-doc-solid:#35608F; --c-perm-bg:#E8E9F7; --c-perm-ink:#3A3E7C; --c-perm-solid:#464B90; --c-point-bg:#FAECF1; --c-point-ink:#9E3A63; --c-point-solid:#A94370; --c-watch-bg:#FBECEC; --c-watch-ink:#B53C3C; --c-watch-solid:#AE4430; --c-ok-bg:#EAF6F0; --c-ok-ink:#2A7354; --c-ok-solid:#1F7A52; --c-money-bg:#FBF2E5; --c-money-ink:#8A5A16; --c-money-solid:#8E5A12; --c-line-bg:#E2F0F0; --c-line-ink:#1D4F53; --c-line-solid:#2A6B70; --p1-bg:#E9F3F7; --p1-ink:#2A657E; --p1-solid:#35748F; --p2-bg:#E9EBF7; --p2-ink:#2A3B7E; --p2-solid:#35478F; --p3-bg:#F5E9F7; --p3-ink:#762A7E; --p3-solid:#86358F; --p4-bg:#F7E9EE; --p4-ink:#7E2A4C; --p4-solid:#8F3559; --r-xs:2px; --r-sm:6px; --r-md:10px; --r-lg:14px; --r-xl:20px; --radius:var(--r-lg); --radius-s:var(--r-md); --sh-s:0 1px 1px rgba(24,34,28,.04),0 2px 4px rgba(24,34,28,.03); --sh-m:0 1px 2px rgba(24,34,28,.04),0 4px 8px rgba(24,34,28,.035),0 10px 20px rgba(24,34,28,.035); --sh-l:0 2px 4px rgba(14,26,20,.10),0 10px 22px rgba(14,26,20,.14),0 28px 60px rgba(14,26,20,.22); --edge:inset 0 1px 0 rgba(255,255,255,.9); --edge-d:inset 0 1px 0 rgba(255,255,255,.08); --ease:cubic-bezier(.22,.68,.32,1); --ease-out:cubic-bezier(.16,1,.3,1); --brass:#795D25; --brass-solid:#8A6B2E; --brass-l:#D9B571; --brass-bg:#FAF4E8; --brass-line:#E6D6B4; --fd:"Songti TC","Songti SC","Noto Serif CJK TC","Source Han Serif TC","Noto Serif TC","Shan Heiti TC","PMingLiU",Georgia,"Times New Roman",serif; --f:"PingFang TC","Microsoft JhengHei","Noto Sans TC",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; } *{box-sizing:border-box} ::selection{background:rgba(36,79,57,.16);color:var(--ink)} html{scroll-behavior:smooth;scrollbar-color:#CFC9B9 transparent;color-scheme:light} [id]{scroll-margin-top:92px} body{margin:0;background:var(--bg-2);color:var(--ink);font-family:var(--f);font-size:16px;line-height:1.85; -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; font-variant-numeric:tabular-nums; letter-spacing:.012em; text-rendering:optimizeLegibility} .wrap{max-width:1120px;margin:0 auto;padding:0 28px} .narrow{max-width:860px} .wrap.narrow{max-width:860px} section{padding:104px 0;position:relative;overflow:hidden} section + section{border-top:0} .alt{background:var(--bg);box-shadow:inset 0 1px 0 var(--line-3),inset 0 -1px 0 var(--line-3)} h2{font-family:var(--fd);font-size:clamp(27px,4.1vw,42px);line-height:1.36;margin:0 0 16px;text-wrap:pretty; font-weight:700;letter-spacing:.006em} h3{font-size:18px;margin:0 0 8px;font-weight:700;letter-spacing:-.016em;text-wrap:pretty} p{margin:0 0 14px} a{color:var(--brand)} .tldrfoot a{position:relative;} .tldrfoot a::after{content:"";position:absolute;left:0;right:0;bottom:5px;height:1.5px; background:currentColor;transform:scaleX(0);transform-origin:left; transition:transform .3s var(--ease)} .tldrfoot a:hover::after{transform:scaleX(1)} .lead{font-size:18px;color:var(--ink-2);margin:0 0 48px;max-width:36em;line-height:1.88;letter-spacing:.004em} .trk{display:flex;align-items:center;gap:12px;margin:0 0 18px; font-size:12.5px;font-weight:700;letter-spacing:.13em;color:var(--brass)} .trk i{font-style:normal;font-family:var(--fd);font-size:22px;line-height:1;letter-spacing:0; color:var(--brass);font-weight:700;font-variant-numeric:tabular-nums} .trk::after{content:"";flex:1;max-width:84px;height:1px; background:linear-gradient(90deg,var(--brass-line),transparent)} .shead{max-width:48em} .mvt{position:relative;overflow:hidden; background:linear-gradient(100deg,#0E1A14,#16291E 55%,#13241B); box-shadow:inset 0 1px 0 rgba(217,181,113,.3),inset 0 -1px 0 rgba(0,0,0,.34)} .mvt::after{content:"";position:absolute;right:-6%;top:-70%;width:46%;height:260%; background:radial-gradient(closest-side,rgba(217,181,113,.11),transparent 70%); pointer-events:none} .mvt .wrap{position:relative;z-index:1;display:grid;grid-template-columns:auto auto 1fr; align-items:center;gap:0 26px;padding-block:44px} .mvt-n{font-family:var(--fd);font-size:clamp(30px,4vw,40px);line-height:1;margin:0;font-weight:700; color:var(--brass-l);white-space:nowrap;display:flex;align-items:baseline;gap:4px} .mvt-n span{font-size:.45em;opacity:.78;font-weight:400} .mvt-t{font-family:var(--fd);font-size:clamp(20px,2.8vw,28px);line-height:1.4;margin:0;color:#fff;font-weight:700; letter-spacing:.012em;padding-left:26px;border-left:1px solid rgba(217,181,113,.42)} .mvt-l{font-size:12.5px;color:#A8BEB1;margin:0;letter-spacing:.09em;text-align:right;line-height:2} @media(max-width:760px){ .mvt .wrap{grid-template-columns:auto 1fr;gap:0 16px;padding-block:30px} .mvt-t{padding-left:16px} .mvt-l{grid-column:1/-1;text-align:left;margin-top:10px} } .skip{position:absolute;left:-9999px;top:0;z-index:300;background:var(--brand);color:#fff;padding:10px 16px} .skip:focus{left:0} a:focus-visible,summary:focus-visible{outline:3px solid var(--brand-l);outline-offset:3px;border-radius:var(--r-sm)} .deep a:focus-visible,.endcta a:focus-visible,.hero a:focus-visible{outline-color:#fff} @media(prefers-reduced-motion:reduce){ *{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important} .wrow:hover,.step:hover,.b1:hover{transform:none!important} } @media print{ *{-webkit-print-color-adjust:exact;print-color-adjust:exact} header,.btns,.ncta,.skip{display:none!important} .hero,.deep,.endcta,.shero,.mvt,.hq,.crossbox, .hero *,.deep *,.endcta *,.shero *,.mvt *,.hq *,.crossbox *{ background-image:none!important; background-color:transparent!important; box-shadow:none!important; text-shadow:none!important; color:#111!important; -webkit-text-fill-color:#111!important; border-color:#C8C8C8!important} .hero,.deep,.endcta,.shero{background-color:#fff!important} .grid-bg,.hero::after{display:none!important} .mock,.wrow,details{box-shadow:none!important;break-inside:avoid} .scr,.invshot,.dfhero,.vdct,.smi,.role{break-inside:avoid} .fold .clip{max-height:none!important;overflow:visible!important} .fold .clip::after,.foldbtn{display:none!important} .pcalc,.pcbar,.pchero,.altc,.cmpx,.invlist li,.wrow,.pmx-wrap,.nf-g,.nf-one,.chain,.cl,.lgx,.lgx li,.lgstat, .bacard,.fncard,.tcard,.fsec-hd,.fnline,.pline{break-inside:avoid} .fsec-hd,.fnline,.pline{break-after:avoid} section{padding:24px 0!important} details{border:1px solid #ccc} details .body{display:block!important} } @media(max-width:620px){ .ncta{padding:12px 18px} summary{padding:18px 18px;min-height:52px} .b1,.b2{width:100%;text-align:center;padding:16px 24px} .btns{flex-direction:column;gap:11px} .wgo,.invfoot a,.pnote a,.shotcap a,.fdesc a{display:inline-block;padding:11px 0} footer .wrap > p:nth-of-type(3) a{display:inline-block;padding:12px 0} .logo{min-height:44px} .tocg a{min-height:44px} .rc li{flex-wrap:wrap} .rc b{min-width:0} } .blob{position:absolute;pointer-events:none;border-radius:50%;filter:blur(80px);opacity:.78;z-index:0} .blob-v{background:radial-gradient(circle,rgba(62,122,90,.30),transparent 70%)} .blob-c{background:radial-gradient(circle,rgba(201,169,97,.24),transparent 70%)} .blob-p{background:radial-gradient(circle,rgba(110,165,135,.22),transparent 70%)} .blob-a{background:radial-gradient(circle,rgba(232,165,74,.20),transparent 70%)} .blob-g{background:radial-gradient(circle,rgba(79,193,138,.20),transparent 70%)} section > .wrap{position:relative;z-index:1} .ghost{position:absolute;font-size:clamp(100px,17vw,220px);font-weight:800;letter-spacing:-.06em; color:rgba(36,79,57,.055);pointer-events:none;z-index:0;line-height:.8;-webkit-user-select:none;user-select:none} @media(prefers-reduced-motion:no-preference){ @keyframes drift{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(18px,-22px,0)}} .blob{animation:drift 18s ease-in-out infinite} .blob:nth-of-type(2){animation-duration:23s;animation-direction:reverse} } @media(max-width:820px){.blob{filter:blur(70px);opacity:.42}.ghost{display:none}} header{position:sticky;top:0;z-index:200;background:rgba(255,255,255,.86); -webkit-backdrop-filter:blur(18px) saturate(180%);backdrop-filter:blur(18px) saturate(180%);border-bottom:1px solid var(--line-2); box-shadow:0 1px 3px rgba(24,34,28,.025)} .navin{max-width:1120px;margin:0 auto;padding:16px 28px;display:flex;align-items:center;gap:28px} .logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:16px;color:var(--ink);text-decoration:none} .mk{width:30px;height:30px;border-radius:var(--r-md);background:linear-gradient(145deg,var(--brand-l),var(--brand-d)); display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:7px;flex:none} .mk i{background:rgba(255,255,255,.95);border-radius:var(--r-xs)} .mk i:nth-child(2),.mk i:nth-child(3){background:rgba(255,255,255,.58)} .nl{margin-left:auto;display:flex;align-items:center;gap:24px;font-size:14.5px} .nl a.cur{color:var(--brand);font-weight:600} .nl a{color:var(--ink-2);text-decoration:none} .ncta{background:linear-gradient(170deg,#2A5A42,#1C4330);color:#fff!important;font-weight:600;padding:10px 19px; border-radius:var(--r-md);transition:background .22s var(--ease),box-shadow .22s var(--ease); box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 2px 6px rgba(36,79,57,.26)} .ncta:hover{background:var(--brand-d)} .nl a:not(.ncta):hover{color:var(--brand)} .deep{position:relative;z-index:1;color:var(--deep-txt); box-shadow:inset 0 1px 0 rgba(255,255,255,.06),inset 0 -1px 0 rgba(255,255,255,.04); --deepEdge:linear-gradient(180deg,rgba(0,0,0,.14),transparent 56px); background: radial-gradient(900px 420px at 15% -10%, rgba(36,79,57,.34), transparent 62%), radial-gradient(760px 400px at 88% 8%, rgba(201,169,97,.24), transparent 62%), linear-gradient(160deg,#13241B 0%,#172C21 55%,#1A3327 100%)} .deep h2,.deep h3{color:#fff;text-shadow:0 1px 24px rgba(111,169,138,.22)} .deep .trk{color:var(--brass-l)} .deep .trk i{color:var(--brass-l)} .deep .trk::after{background:linear-gradient(90deg,rgba(217,181,113,.45),transparent)} .deep .lead{color:var(--deep-txt);max-width:34em} .grid-bg{position:absolute;inset:0;pointer-events:none;opacity:.42;overflow:hidden; background-image:linear-gradient(var(--deep-line) 1px,transparent 1px),linear-gradient(90deg,var(--deep-line) 1px,transparent 1px); background-size:62px 62px; -webkit-mask-image:radial-gradient(900px 520px at 50% 0%,#000 0%,transparent 76%); mask-image:radial-gradient(900px 520px at 50% 0%,#000 0%,transparent 76%)} .deep .wrap{position:relative;z-index:2} .hero{position:relative;z-index:1;padding:88px 0 0; background: radial-gradient(1000px 500px at 12% -8%, rgba(36,79,57,.42), transparent 60%), radial-gradient(880px 460px at 88% 2%, rgba(201,169,97,.30), transparent 60%), radial-gradient(700px 420px at 50% 100%, rgba(201,169,97,.18), transparent 62%), radial-gradient(420px 260px at 50% 46%, rgba(255,255,255,.045), transparent 70%), linear-gradient(170deg,#0E1A14 0%,#13241B 48%,#1A3327 100%)} .hin{position:relative;z-index:3} .herogrid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:60px;align-items:center;padding:6px 0 14px} .herotxt{min-width:0} .kicker{display:flex;align-items:center;gap:14px;margin:0 0 22px;font-size:13.5px;color:var(--deep-txt);font-weight:500;letter-spacing:.02em} .kicker .kl{width:40px;height:2px;flex:none;border-radius:var(--r-xs); background:linear-gradient(90deg,var(--brass-l),rgba(217,181,113,.15))} .kicker .kl-c{background:linear-gradient(90deg,var(--brand-l),rgba(111,169,138,.15))} .kicker .kl-s{background:linear-gradient(90deg,var(--brass-l),rgba(217,181,113,.15))} h1{font-family:var(--fd);font-size:clamp(38px,6.4vw,76px);line-height:1.2;margin:0 0 28px;font-weight:700; letter-spacing:.004em;color:#fff;text-shadow:0 2px 40px rgba(14,26,20,.5)} .hsub{font-size:18px;color:var(--deep-txt);margin:0 0 34px;max-width:27em;line-height:1.82;letter-spacing:.004em} .hsub b{color:#fff;font-weight:600} .btns{display:flex;flex-wrap:wrap;gap:13px;margin:0 0 26px} .b1{background:linear-gradient(170deg,#2E6349,#1C4330);color:#fff;font-weight:700; border-radius:var(--radius-s);text-decoration:none; transition:transform .24s var(--ease),box-shadow .24s var(--ease),background .2s; } .b1:active{transform:translateY(0);transition-duration:.08s} .b1:hover{transform:translateY(-2px);background:linear-gradient(170deg,#357256,#235239); box-shadow:inset 0 1px 0 rgba(255,255,255,.26),0 2px 4px rgba(16,38,27,.4), 0 12px 24px rgba(36,79,57,.40),0 24px 50px rgba(36,79,57,.30)} .b2:hover{background:rgba(255,255,255,.12)} .b2{border:1px solid rgba(255,255,255,.17);color:#fff;border-radius:var(--radius-s); text-decoration:none;background:linear-gradient(170deg,rgba(255,255,255,.10),rgba(255,255,255,.045)); -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 1px 0 rgba(255,255,255,.12); transition:background .22s var(--ease),border-color .22s var(--ease)} .ticks{list-style:none;display:grid;gap:9px;font-size:14.5px;color:var(--deep-txt);margin:0;padding:0} .ticks li{display:flex;align-items:center;gap:10px} .ticks .ic{color:var(--brass-l);width:15px;height:15px} .conflu{min-width:0;padding:22px 20px 20px;border-radius:var(--r-xl); background:linear-gradient(170deg,rgba(255,255,255,.055),rgba(255,255,255,.018)); border:1px solid rgba(255,255,255,.10);box-shadow:var(--edge-d),0 18px 50px rgba(5,14,10,.38); -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)} .cfhead{display:flex;justify-content:space-between;margin:0 0 14px} .cfl{font-size:12.5px;font-weight:700;letter-spacing:.14em;padding:5px 12px;border-radius:999px} .cfl-c{color:#BFE0CE;background:rgba(62,122,90,.26);border:1px solid rgba(111,169,138,.34)} .cfl-s{color:#EFD6A6;background:rgba(201,169,97,.20);border:1px solid rgba(217,181,113,.34)} .cfrails{display:grid;grid-template-columns:1fr 1fr;gap:18px} .cfcol{list-style:none;margin:0;padding:0 0 0 20px;position:relative;display:grid;gap:10px;font-size:13.5px;color:#CFDCD4} .cfcol::before{content:"";position:absolute;top:8px;bottom:8px;left:4px;width:2px;border-radius:999px} .cfcol li{position:relative;line-height:1.5} .cfcol li::before{content:"";position:absolute;top:.46em;width:7px;height:7px;border-radius:50%} .cfcol-c::before{background:linear-gradient(180deg,rgba(111,169,138,.25),var(--brand-l))} .cfcol-c li::before{left:-18px;background:var(--brand-l);box-shadow:0 0 0 3px rgba(111,169,138,.16)} .cfcol-s{padding:0 20px 0 0;text-align:right} .cfcol-s::before{left:auto;right:4px;background:linear-gradient(180deg,rgba(217,181,113,.25),var(--brass-l))} .cfcol-s li::before{right:-18px;background:var(--brass-l);box-shadow:0 0 0 3px rgba(217,181,113,.16)} .cfmerge{display:block;width:100%;height:60px;margin:6px 0 2px;overflow:visible} .cfbook{text-align:center;padding:16px 14px;border-radius:var(--r-lg); background:linear-gradient(170deg,rgba(201,169,97,.17),rgba(36,79,57,.17)); border:1px solid rgba(217,181,113,.30);box-shadow:var(--edge-d)} .cfbook b{display:block;font-family:var(--fd);font-size:22px;font-weight:700;color:#fff;letter-spacing:.02em;line-height:1.5} .cfbook span{display:block;margin-top:3px;font-size:12.5px;color:#B6C8BE} .stars{position:absolute;inset:0;pointer-events:none;z-index:1;opacity:.5; background-image: radial-gradient(1.2px 1.2px at 12% 18%,rgba(255,255,255,.75),transparent), radial-gradient(1px 1px at 27% 42%,rgba(195,212,200,.6),transparent), radial-gradient(1.4px 1.4px at 41% 12%,rgba(255,255,255,.55),transparent), radial-gradient(1px 1px at 58% 34%,rgba(195,212,200,.5),transparent), radial-gradient(1.2px 1.2px at 73% 16%,rgba(255,255,255,.65),transparent), radial-gradient(1px 1px at 86% 40%,rgba(195,212,200,.45),transparent), radial-gradient(1.3px 1.3px at 91% 22%,rgba(255,255,255,.6),transparent), radial-gradient(1px 1px at 19% 56%,rgba(255,255,255,.4),transparent), radial-gradient(1.1px 1.1px at 66% 58%,rgba(195,212,200,.4),transparent); -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 48%,transparent 78%); mask-image:linear-gradient(180deg,#000 0%,#000 48%,transparent 78%)} .beam{position:absolute;left:50%;top:-180px;width:min(680px,92vw);height:420px;transform:translateX(-50%); pointer-events:none;z-index:0; background:radial-gradient(ellipse at center,rgba(111,169,138,.22),transparent 68%);filter:blur(28px)} .mockglow{position:absolute;left:50%;bottom:-30px;width:min(70%,88vw);height:60px;transform:translateX(-50%); background:radial-gradient(ellipse at center,rgba(36,79,57,.34),transparent 70%);filter:blur(26px); pointer-events:none;z-index:1} .mockwrap{position:relative} .scrollhint{display:flex;flex-direction:column;align-items:center;gap:7px;margin:0 0 26px; font-size:12.5px;color:var(--deep-txt2);letter-spacing:.08em} .scrollhint .bar{width:1.5px;height:26px;border-radius:var(--r-xs); background:linear-gradient(180deg,rgba(255,255,255,.42),transparent)} @media(prefers-reduced-motion:no-preference){ @keyframes drop{0%{transform:translateY(-6px);opacity:0}30%{opacity:1}100%{transform:translateY(8px);opacity:0}} .scrollhint .bar{animation:drop 2.4s ease-in-out infinite} } .hero{padding-top:96px} h1 .g{color:var(--brass-l)} .hero{margin-top:-1px} @media(max-width:620px){ .hero{padding-top:56px} .beam{width:min(420px,92vw);height:300px;top:-120px} .scrollhint{display:none} .mockglow{display:none} } .mock{color:var(--ink);border-radius:var(--r-xl);overflow:hidden;background:var(--bg-2);border:1px solid var(--line);transition:box-shadow .25s; box-shadow:var(--edge),var(--sh-m);text-align:left;position:relative} .hero .mock,.deep .mock{box-shadow:var(--sh-l)} .mock .in{padding:16px 18px 18px} .mockwrap{margin-bottom:-84px} .afterhero{height:122px;position:relative;z-index:0} table.sch{width:100%;border-collapse:collapse;font-size:12.5px;table-layout:fixed} table.sch col.tcol{width:52px} table.sch th{color:var(--ink-3);font-weight:500;font-size:12.5px;padding:7px 4px;border-bottom:1px solid var(--line)} table.sch td{padding:3px;vertical-align:top} .cell{border-radius:var(--r-md);padding:7px 9px;min-height:46px;overflow:hidden; transition:transform .22s var(--ease),box-shadow .22s var(--ease)} .cell:hover{transform:translateY(-1px);box-shadow:0 3px 10px rgba(24,34,28,.10)} .cell .n{font-size:12.5px;font-weight:600;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .cell .t{font-size:11.5px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .ok{background:#E9F8F1;border:1px solid #CAEEDD} .ok .n{color:#304B3E} .ok .t{color:#5D7368} .hi{background:var(--brand-bg);border:1px solid #A7E3C7} .hi .n{color:var(--brand-d)} .hi .t{color:var(--brand);font-weight:500} .bad{background:var(--red-bg);border:1px solid var(--red-line)} .bad .n{color:var(--red)} .bad .n .ic{width:12px;height:12px;stroke-width:2.8} .bad .t{color:#9E5753} .hh{color:var(--ink-3);font-size:11.5px;padding-right:9px;text-align:right;white-space:nowrap} .vcap{font-size:13.5px;color:var(--ink-3);margin:15px 2px 0;line-height:1.78;letter-spacing:0} .vcap b{color:var(--ink-2)} .ic{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.9; stroke-linecap:round;stroke-linejoin:round;flex:none;display:inline-block;vertical-align:-.13em} .icbox{width:42px;height:42px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;flex:none; box-shadow:inset 0 0 0 1px rgba(24,34,28,.04)} .icbox .ic{width:21px;height:21px;stroke-width:1.8} .c-class{background:var(--c-class-bg);color:var(--c-class-ink)} .c-shop {background:var(--c-shop-bg); color:var(--c-shop-ink)} .c-doc {background:var(--c-doc-bg); color:var(--c-doc-ink)} .c-perm {background:var(--c-perm-bg); color:var(--c-perm-ink)} .c-point{background:var(--c-point-bg);color:var(--c-point-ink)} .c-watch{background:var(--c-watch-bg);color:var(--c-watch-ink)} .c-ok {background:var(--c-ok-bg); color:var(--c-ok-ink)} .c-money{background:var(--c-money-bg);color:var(--c-money-ink)} .swing{display:grid;grid-template-columns:auto minmax(60px,1fr) auto;align-items:center;gap:0 34px; background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-xl); padding:38px 40px 30px;box-shadow:var(--edge),var(--sh-m);margin:0 0 26px} .sw-k{display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:.14em;margin:0 0 6px; padding:4px 11px;border-radius:999px} .sw-a .sw-k{color:var(--red);background:var(--red-bg);border:1px solid var(--red-line)} .sw-b .sw-k{color:var(--ok);background:var(--ok-bg);border:1px solid var(--ok-line)} .sw-v{font-family:var(--fd);font-size:clamp(76px,10.4vw,132px);line-height:.92;font-weight:700; letter-spacing:-.01em;margin:0} .sw-a .sw-v{color:var(--red)} .sw-b .sw-v{color:var(--ok)} .sw-c{font-size:14.5px;color:var(--ink-2);margin:10px 0 0;line-height:1.6} .sw-b{text-align:right} .sw-b .sw-c{max-width:16em;margin-left:auto} .sw-ar{position:relative;align-self:center;margin:18px 0 0;min-width:60px;text-align:center; font-size:12.5px;font-weight:700;letter-spacing:.06em;color:var(--brass);padding-bottom:16px} .sw-arl{position:absolute;left:0;right:0;bottom:4px;height:2px;border-radius:999px; background:linear-gradient(90deg,rgba(230,214,180,.25),var(--brass-line) 30%,var(--brass))} .sw-arl::after{content:"";position:absolute;right:0;bottom:-3.5px;width:9px;height:9px; border-top:2px solid var(--brass);border-right:2px solid var(--brass); transform:rotate(45deg);border-radius:var(--r-xs)} .sw-foot{grid-column:1/-1;list-style:none;display:flex;flex-wrap:wrap;gap:12px 44px;margin:28px 0 0;padding:20px 0 0; border-top:1px solid var(--line-2)} .sw-foot li{display:flex;align-items:baseline;gap:10px} .sw-foot b{font-family:var(--fd);font-size:28px;line-height:1;color:var(--brass);font-weight:700} .sw-foot span{font-size:14.5px;color:var(--ink-3)} @media(max-width:700px){ .swing{grid-template-columns:1fr;gap:4px;padding:28px 24px 24px} .sw-ar{margin:14px 0 10px;text-align:left} } .three{display:grid;grid-template-columns:repeat(3,1fr);gap:20px} .tcard{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px 26px;box-shadow:var(--edge),var(--sh-s); transition:box-shadow .32s var(--ease),transform .32s var(--ease)} .tcard:hover{box-shadow:var(--edge),var(--sh-m);transform:translateY(-3px)} .tcard h3{margin:11px 0 7px;font-size:16px} .tcard p{margin:0;font-size:14.5px;color:var(--ink-2);line-height:1.8} @media(max-width:860px){ .three{grid-template-columns:1fr} } .tldr{background:#fff;border:1px solid #BAE9D3;border-radius:var(--r-xl); box-shadow:var(--edge),0 1px 2px rgba(24,34,28,.04),0 6px 14px rgba(36,79,57,.07),0 22px 48px rgba(36,79,57,.10); padding:38px 42px;max-width:900px;margin:0 auto} .tldrhd{display:flex;align-items:center;gap:11px;margin:0 0 20px;padding:0 0 18px;border-bottom:1px solid var(--line-2)} .tldrhd .icbox{width:36px;height:36px;border-radius:var(--r-md)} .tldrhd .icbox .ic{width:18px;height:18px} .tldrhd b{font-size:18px} .tldrhd span{margin-left:auto;font-size:12.5px;color:var(--ink-3);background:var(--bg); border:1px solid var(--line);border-radius:999px;padding:5px 14px;white-space:nowrap;letter-spacing:.02em} .tldr ol{list-style:none;counter-reset:t;display:grid;gap:19px} .tldr li{counter-increment:t;display:flex;gap:15px;align-items:flex-start;font-size:16px;line-height:1.82;color:var(--ink-2)} .tldr li::before{content:counter(t);flex:none;border-radius:50%;background:var(--brand-bg); color:var(--brand-d);font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:3px} .tldr li .tx{min-width:0} .tldr li .tx > b:first-child{display:block;color:var(--ink);font-size:16px;margin:0 0 4px;line-height:1.6;letter-spacing:-.016em} .tldr li .tx .d2{display:block;font-size:14.5px;color:var(--ink-2);line-height:1.8} .tldr li b{color:var(--ink)} .tldr li.warn::before{background:var(--amber-bg);color:var(--amber)} .tldrfoot{margin:22px 0 0;padding-top:18px;border-top:1px dashed var(--line);display:flex; align-items:center;gap:16px;flex-wrap:wrap} .tldrfoot p{margin:0;font-size:14.5px;color:var(--ink-3)} .tldrfoot a{font-weight:700;text-decoration:none;white-space:nowrap;padding:8px 0} @media(max-width:620px){.tldr{padding:24px 20px}.tldr li{font-size:14.5px}.tldrhd span{display:none}} @keyframes breathe{0%,100%{box-shadow:0 0 0 4px rgba(62,122,90,.22)}50%{box-shadow:0 0 0 7px rgba(62,122,90,.10)}} @media(prefers-reduced-motion:reduce){} .balist{display:grid;gap:18px} .bacard{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden; box-shadow:var(--edge),var(--sh-s);transition:box-shadow .32s var(--ease),transform .32s var(--ease)} .bacard:hover{box-shadow:var(--edge),var(--sh-m);transform:translateY(-3px)} .bahd{display:flex;align-items:center;gap:13px;padding:17px 22px;border-bottom:1px solid var(--line-2);background:var(--bg-2)} .bano{width:30px;height:30px;border-radius:var(--r-md);background:linear-gradient(170deg,#2E6349,#1C4330); color:#fff;font-size:13.5px;font-weight:700;display:flex;align-items:center;justify-content:center;flex:none; } .bahd b{font-size:16px} .babody{display:grid;grid-template-columns:1fr 54px 1fr} .bacell{padding:19px 22px} .bapill{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;border-radius:999px; padding:4px 12px;margin:0 0 11px} .bapill .ic{width:12px;height:12px;stroke-width:3} .bacell p{margin:0;font-size:14.5px;line-height:1.86;color:var(--ink-2)} .bacell b{color:var(--ink)} .bafoot{margin:14px 0 0;padding-top:13px;border-top:1px solid var(--line-2);font-size:13.5px;font-weight:700; display:flex;align-items:center;gap:7px} .bacell.was .bafoot{color:#A8402F;border-color:#F0D7CE} .bacell.now .bafoot{color:var(--ok)} .bafoot .ic{width:14px;height:14px} .baarrow{display:flex;align-items:center;justify-content:center;background:var(--bg-2);border-left:1px solid var(--line-2); border-right:1px solid var(--line-2)} .baarrow span{width:30px;height:30px;border-radius:50%;background:#fff;border:1px solid var(--line); display:flex;align-items:center;justify-content:center;color:var(--brand)} .baarrow .ic{width:15px;height:15px;stroke-width:2.4} @media(max-width:820px){ .babody{grid-template-columns:1fr} .baarrow{border-left:0;border-right:0;border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2);padding:8px 0} .baarrow span{transform:rotate(90deg)} } .split{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:54px;align-items:start;margin:0 0 40px} .split .sticky{position:sticky;top:104px} .split h2{margin-bottom:18px} .split .lead{margin-bottom:0;max-width:none} .splitnote{margin:22px 0 0;padding:16px 18px;border-left:3px solid var(--brand-l); background:linear-gradient(90deg,var(--brand-bg2),transparent);border-radius:0 var(--r-md) var(--r-md) 0; font-size:14.5px;color:var(--ink-2);line-height:1.8} .splitnote b{color:var(--ink)} @media(max-width:900px){ .split{grid-template-columns:1fr;gap:28px;margin-bottom:28px} .split .sticky{position:static} } .statline{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;margin:0 0 10px} .statline .n{font-weight:800;line-height:.95;letter-spacing:-.05em; background:linear-gradient(170deg,var(--brand-l),#1C4330 60%,#357859); -webkit-background-clip:text;background-clip:text;color:transparent} .statline .t{font-size:clamp(20px,2.6vw,27px);font-weight:700;letter-spacing:-.02em} .flow{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 16px} .fl{border:1px solid var(--deep-line);border-radius:var(--radius);padding:22px} .fl .icbox{display:flex} .fl .pin{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.08em;color:#C3D4C8; border:1px solid rgba(62,122,90,.42);background:rgba(36,79,57,.20);border-radius:var(--r-sm);padding:3px 10px;margin:0 0 11px} .fl h3{margin:0 0 7px;font-size:18px} .fl p{margin:0;font-size:14.5px;color:var(--deep-txt2);line-height:1.8} .arrows{text-align:center;margin:6px 0 10px;line-height:0} .book{background:linear-gradient(145deg,rgba(36,79,57,.26),rgba(36,79,57,.10));border:1px solid rgba(62,122,90,.42); border-radius:var(--radius);padding:24px;text-align:center} .book b{color:#fff;font-size:18px;font-weight:700} .book p{margin:7px 0 0;font-size:14.5px;color:var(--deep-txt)} .fl{position:relative;box-shadow:var(--edge-d),0 2px 8px rgba(0,0,0,.18); background:linear-gradient(165deg,rgba(255,255,255,.075),rgba(255,255,255,.035)); -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)} .fl .who{font-size:13.5px;color:var(--deep-txt2);line-height:1.8;margin:0 0 16px} .flstat{background:rgba(0,0,0,.22);border:1px solid var(--deep-line);border-radius:var(--r-md);padding:4px 14px;margin:0 0 15px} .flstat div{display:flex;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid var(--deep-line);font-size:13.5px} .flstat div:last-child{border-bottom:0} .flstat i{width:7px;height:7px;border-radius:var(--r-xs);flex:none} .flstat b{margin-left:auto;color:#fff;font-weight:700;font-size:14.5px} .tags{display:flex;flex-wrap:wrap;gap:7px} .tags span{font-size:11.5px;border-radius:var(--r-sm);padding:4px 10px;border:1px solid rgba(62,122,90,.34); background:rgba(36,79,57,.17);color:#C3D4C8} .fl.retail .tags span{border-color:rgba(201,169,97,.34);background:rgba(201,169,97,.16);color:#E6C489} .fl:hover{border-color:rgba(62,122,90,.44)} .fl{transition:border-color .2s} .vs{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--sh-s)} .vshead{display:grid;grid-template-columns:1.1fr 1fr 1fr} .vshead div{padding:18px 20px;font-weight:700;font-size:14.5px;border-bottom:1px solid var(--line)} .vshead .a{background:var(--bg);color:var(--ink-3);font-size:13.5px;font-weight:600} .vshead .b{background:var(--amber-solid);color:#fff;border-left:1px solid var(--line)} .vshead .c{background:#266849;color:#fff;border-left:1px solid var(--line)} .vshead .b small,.vshead .c small{opacity:.92} .vshead small{display:block;font-size:11.5px;font-weight:500;opacity:.85;margin-top:2px} .vsrow{display:grid;grid-template-columns:1.1fr 1fr 1fr;border-bottom:1px solid var(--line-3)} .vsrow:last-child{border-bottom:0} .vsrow:hover{background:#F7FCFA} .vsrow > div{padding:15px 20px;font-size:14.5px;line-height:1.75} .vsrow .k{color:var(--ink);font-weight:600;display:flex;align-items:center;gap:10px} .vsrow .k .ic{width:17px;height:17px;color:var(--brand-l);flex:none} .vsrow .two{background:#FEFAF7;color:#6B5733;border-left:1px solid var(--line-2);display:flex;gap:9px;align-items:flex-start} .vsrow .one{border-left:1px solid var(--line-2);color:var(--ink-2);display:flex;gap:9px;align-items:flex-start} .vsrow .two .ic{color:#B5873C;width:15px;height:15px;flex:none;margin-top:4px;stroke-width:2.6} .vsrow .one .ic{color:var(--ok);width:15px;height:15px;flex:none;margin-top:4px;stroke-width:2.6} .vsrow .one b{color:var(--ink)} .vsfoot{padding:17px 20px;background:var(--bg-2);border-top:1px solid var(--line);font-size:14.5px;color:var(--ink-2);line-height:1.8} @media(max-width:860px){ .vshead{display:none} .vsrow{grid-template-columns:1fr;border-bottom:8px solid var(--bg)} .vsrow > div{padding:13px 17px} .vsrow .k{background:var(--bg);font-size:14.5px} .vsrow .two,.vsrow .one{border-left:0;border-top:1px solid var(--line-2)} .vsrow .two::before{content:"買兩套：";font-weight:700;color:var(--amber);flex:none} .vsrow .one::before{content:"CJ33：";font-weight:700;color:var(--brand-d);flex:none} .vsrow .two .ic,.vsrow .one .ic{display:none} } .feat{position:relative;padding:58px 0 0;margin:58px 0 0} .feat::before{content:"";position:absolute;top:0;left:0;right:0;height:1px; background:linear-gradient(90deg,transparent,var(--line) 12%,var(--line) 88%,transparent)} .feat:first-of-type{border-top:0;padding-top:0;margin-top:4px} .fh{display:flex;align-items:center;gap:14px;margin:0 0 10px} .fnum{flex:none;width:28px;height:28px;border-radius:50%;background:linear-gradient(170deg,#2E6349,#1C4330); color:#fff;font-size:14.5px;font-weight:700;display:flex;align-items:center;justify-content:center; } .fh .icbox{box-shadow:inset 0 0 0 1px rgba(24,34,28,.05)} .fh h3{margin:0;font-size:22px;line-height:1.42;letter-spacing:-.022em} .fdesc{color:var(--ink-2);margin:0 0 22px;font-size:16px;max-width:44em;line-height:1.85} .fgrid{display:grid;grid-template-columns:1.12fr 1fr;gap:22px;align-items:stretch} .fgrid > .mock,.fgrid > .fbox{align-self:stretch} .fgrid.one{grid-template-columns:1fr} .fbox{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:20px} .fbox h4{margin:0 0 13px;padding:0 0 10px;font-size:14.5px;color:var(--ink); border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px} .fbox ul{margin:0;padding:0 0 0 2px;list-style:none} .fbox li{position:relative;padding-left:18px;margin:0 0 10px;font-size:14.5px;color:var(--ink-2);line-height:1.8} .fbox li::before{content:"";position:absolute;left:1px;top:.62em;width:7px;height:7px;border-radius:var(--r-xs); background:var(--brand-l);transform:rotate(45deg)} .fbox{transition:border-color .2s} .fbox:hover{border-color:#A7E3C7} .fbox li b{color:var(--ink)} .pchero.is-s .pcv{color:var(--brass)} .s-lotA{background:linear-gradient(170deg,#2E6349,#1C4330)} .s-lotB{background:linear-gradient(170deg,#A8812F,#6B5220)} .s-cost{background:linear-gradient(170deg,#5E7268,#44554C)} .s-gain{background:linear-gradient(170deg,#A8812F,#6B5220)} .altc{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 22px} .altc > div{border:1px solid var(--line-2);border-radius:var(--r-md);padding:12px 14px; background:var(--bg-2);display:flex;flex-direction:column;min-width:0} .altc .is-on{background:var(--brass-bg);border-color:var(--brass-line); box-shadow:inset 0 0 0 1px var(--brass-line)} .altk{font-size:11.5px;color:var(--ink-3);line-height:1.5} .altc .is-on .altk{color:var(--brass);font-weight:700} .altc b{font-size:22px;font-weight:700;color:var(--ink-3);letter-spacing:-.02em;margin-top:4px; font-variant-numeric:tabular-nums} .altc .is-on b{color:var(--brass)} .altc em{font-style:normal;font-size:11.5px;color:var(--ink-3);margin-top:3px;line-height:1.5} @media(max-width:620px){ .altc{grid-template-columns:1fr} .altc > div{flex-direction:row;align-items:baseline;flex-wrap:wrap;gap:0 10px} .altc b{margin-top:0} } .cmpx{display:grid;gap:10px;margin:0 0 16px} .cmprow{border-radius:var(--r-md);padding:12px 14px;border:1px solid var(--line-2); background:var(--bg-2)} .cmprow.is-good{background:var(--brand-bg);border-color:#CFE3D8} .cmpk{margin:0 0 6px;font-size:11.5px;font-weight:700;letter-spacing:.1em;color:var(--ink-3); max-width:none} .cmprow.is-good .cmpk{color:var(--brand-d)} .cmpv{margin:0 0 5px;font-size:16px;font-weight:700;color:var(--ink-3); letter-spacing:-.01em;max-width:none} .cmprow.is-good .cmpv{color:var(--ink)} .cmpv b{color:var(--ink)} .cmprow.is-good .cmpv b{color:var(--brand-d)} .cmpn{margin:0;font-size:12.5px;color:var(--ink-3);line-height:1.65;max-width:none} .cmpn b{color:var(--ink-2)} .lgk{margin:0 0 11px;font-size:11.5px;font-weight:700;letter-spacing:.14em;color:var(--ink-3); max-width:none} .lgk b{color:var(--ink)} .lgk-2{margin-top:26px} .lgstat{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line-2); border:1px solid var(--line-2);border-radius:var(--r-lg);overflow:hidden} .lgstat > div{background:var(--bg-2);padding:14px 16px 15px;display:flex;flex-direction:column; min-width:0} .lgstat b{font-family:var(--fd);font-size:28px;line-height:1.05;font-weight:700; letter-spacing:-.02em;font-variant-numeric:tabular-nums} .lgstat span{font-size:12.5px;font-weight:700;color:var(--ink-2);margin-top:5px} .lgstat em{font-style:normal;font-size:11.5px;color:var(--ink-3);margin-top:3px;line-height:1.5} .lgstat .is-live b{color:var(--brand-d)} .lgstat .is-used b{color:var(--ink-2)} .lgstat .is-exp b{color:var(--ink-3)} .lgstat .is-all{background:var(--brand-bg)} .lgstat .is-all b{color:var(--brand-d)} .lgx{list-style:none;margin:0;padding:0;position:relative} .lgx li{position:relative;display:grid;grid-template-columns:62px minmax(0,1fr);gap:0 18px; padding:0 0 20px} .lgx li:last-child{padding-bottom:0} .lgx li::before{content:'';position:absolute;left:30px;top:52px;bottom:0;width:2px; background:var(--line-2)} .lgx li:last-child::before{display:none} .lgdate{display:flex;flex-direction:column;align-items:center;justify-content:center; width:62px;height:52px;border-radius:var(--r-md);background:var(--bg); border:1px solid var(--line);box-shadow:var(--edge)} .lgdate b{font-size:14.5px;font-weight:700;color:var(--ink);letter-spacing:-.01em; font-variant-numeric:tabular-nums} .lgdate em{font-style:normal;font-size:11.5px;color:var(--ink-3);margin-top:1px} .lgx .e-new .lgdate{background:var(--brand-bg);border-color:#CFE3D8} .lgx .e-new .lgdate b{color:var(--brand-d)} .lgbody{padding-top:3px;min-width:0} .lgt{margin:0 0 5px;font-size:14.5px;font-weight:700;color:var(--ink);line-height:1.6; max-width:none} .lgd{margin:0;font-size:12.5px;color:var(--ink-3);line-height:1.75;max-width:none} .lgd b{color:var(--ink-2)} .lgpill{display:inline-flex;align-items:center;font-size:11.5px;font-weight:700; border-radius:999px;padding:3px 11px;margin-right:9px;transform:translateY(-1px); background:var(--brand-bg);color:var(--brand-d);border:1px solid #CFE3D8} .e-use .lgpill{background:var(--ok-bg);color:var(--ok);border-color:var(--ok-line)} .e-exp .lgpill{background:var(--line-3);color:var(--ink-3);border-color:var(--line-2)} .e-exp .lgt{color:var(--ink-2)} @media(max-width:860px){ .lgstat{grid-template-columns:1fr 1fr} } @media(max-width:620px){ .lgx li{grid-template-columns:52px minmax(0,1fr);gap:0 13px} .lgdate{width:52px;height:46px} .lgx li::before{left:25px;top:46px} .lgstat b{font-size:22px} } .pchero{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 14px;margin:0 0 16px} .pck{font-size:12.5px;color:var(--ink-3);letter-spacing:.04em;width:100%;margin-bottom:2px} .pcv{font-family:var(--fd);font-size:40px;line-height:1.1;font-weight:700;color:var(--brand-d); letter-spacing:-.02em;font-variant-numeric:tabular-nums} .pcv small{font-size:14.5px;font-weight:500;color:var(--ink-3);margin-left:5px; font-family:var(--f);letter-spacing:0} .pcd{font-size:13.5px;color:var(--ink-3);font-variant-numeric:tabular-nums} .pcbar{display:flex;height:46px;border-radius:var(--r-md);overflow:hidden; box-shadow:var(--edge),0 2px 6px rgba(24,34,28,.07)} .pcseg{display:flex;align-items:center;justify-content:center;min-width:0;position:relative} .pcseg b{font-size:13.5px;font-weight:700;color:#fff;white-space:nowrap; letter-spacing:-.01em;padding:0 6px;text-shadow:0 1px 2px rgba(0,0,0,.22)} .s-pay{background:linear-gradient(170deg,#2E6349,#1C4330)} .s-cut{background: repeating-linear-gradient(135deg,rgba(0,0,0,.16) 0 5px,transparent 5px 10px), linear-gradient(170deg,#B04E3F,#8E3123)} .s-cut b{font-size:11.5px} .pcbk{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap; margin:9px 0 22px;font-size:12.5px;color:var(--ink-3);max-width:none} .pcbk b{color:var(--ink-2)} .pcbk-r{white-space:nowrap} .pcbk-r b{color:var(--ink-2)} .pcbk-r.is-cut b{color:#9E3A2B} .pcalc{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums} .pcalc th,.pcalc td{text-align:left;padding:12px 14px 12px 0;vertical-align:baseline} .pcalc thead th{font-size:11.5px;font-weight:700;color:var(--ink-3);letter-spacing:.1em; padding-top:0;padding-bottom:9px;border-bottom:1px solid var(--line)} .pcalc tbody th{font-size:13.5px;font-weight:700;color:var(--ink);white-space:nowrap} .pcalc tbody td{font-size:13.5px;color:var(--ink-2)} .pcalc tbody tr{border-bottom:1px solid var(--line-3)} .pcalc tbody tr:hover{background:var(--brand-bg2)} .pcalc .n{text-align:right;font-weight:700;color:var(--ink);white-space:nowrap;width:1%; padding-right:22px} .pcalc .pcwhy{font-size:12.5px;color:var(--ink-3);line-height:1.65;padding-right:0} .pcalc .pcwhy b{color:var(--ink-2)} .pcalc tbody tr.r-cut .n{color:#9E3A2B} .pcalc tbody tr.r-zero .n{color:var(--ink-3)} .pcsign{display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px; border-radius:var(--r-xs);font-size:11.5px;font-weight:700;margin-right:8px; transform:translateY(2px)} .s-plus{background:var(--brand-bg);color:var(--brand-d);border:1px solid #DCE8E0} .s-minus{background:#FAEAE7;color:#9E3A2B;border:1px solid #F0D5CF} .s-zero{background:var(--line-3);color:var(--ink-3);border:1px solid var(--line-2)} .pcalc tfoot th,.pcalc tfoot td{padding-top:15px;border-top:2px solid var(--brand)} .scr-s .pcalc tfoot th,.scr-s .pcalc tfoot td{border-top-color:var(--brass-solid)} .scr-s .pcalc tfoot th,.scr-s .pcalc tfoot .n{color:var(--brass)} .scr-s .pcalc tbody tr:hover{background:#FDF8EF} .scr-s .pcsign.s-plus{background:var(--brass-bg);color:var(--brass);border-color:var(--brass-line)} .pcalc tfoot th{font-size:14.5px;font-weight:700;color:var(--brand-d);white-space:nowrap} .pcalc tfoot td{font-size:12.5px;color:var(--ink-3)} .pcalc tfoot .n{font-size:22px;color:var(--brand-d);letter-spacing:-.02em} @media(max-width:860px){ .pcalc thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)} .pcalc tbody tr,.pcalc tfoot tr{display:grid;grid-template-columns:minmax(0,1fr) auto; gap:2px 12px;padding:12px 0} .pcalc th,.pcalc td{padding:0} .pcalc .n{grid-row:1/3;align-self:center;padding-right:0} .pcalc tfoot .n{grid-row:1/2} .pcalc .pcwhy{grid-column:1/-1;margin-top:5px} } @media(max-width:620px){ .pcv{font-size:28px} .pcbar{height:40px} } .nf{margin:26px 0 0} .nf-hd{display:flex;align-items:baseline;gap:10px;font-size:12.5px;color:var(--ink-3);margin:0 0 12px} .nf-hd b{font-size:14.5px;color:var(--ink-2)} .nf-groups{display:grid;grid-template-columns:4fr 2fr 3fr;gap:14px} .nf-g{border-radius:var(--r-lg);padding:13px 13px 11px;border:1px solid var(--line); background:#fff;box-shadow:var(--sh-s)} .nf-cells{display:flex;gap:7px;margin:0 0 10px} .nf-c{flex:1;min-width:0;border-radius:var(--r-md);padding:8px 7px 9px;text-align:center; background:var(--bg);border:1px solid var(--line-2)} .nf-c i{display:flex;align-items:center;justify-content:center; font-style:normal;font-size:12.5px;font-weight:800;line-height:1; color:#fff;width:19px;height:19px;border-radius:50%;margin:0 auto 6px} .nf-c span{display:block;font-size:12.5px;line-height:1.5;color:var(--ink-3)} .nf-now{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700; padding:7px 10px;border-radius:var(--r-md);color:#fff} .nf-now svg{width:14px;height:14px;flex:none;stroke-width:2.4} .nf-g.g-line .nf-c i{background:var(--ok)} .nf-g.g-line .nf-now{background:var(--ok)} .nf-g.g-cal .nf-c i{background:var(--brand)} .nf-g.g-cal .nf-now{background:var(--brand)} .nf-g.g-calc .nf-c i{background:var(--violet-solid)} .nf-g.g-calc .nf-now{background:var(--violet-solid)} .nf-arrow{display:flex;align-items:center;justify-content:center;gap:10px; margin:16px 0 0;font-size:12.5px;color:var(--ink-3)} .nf-arrow::before,.nf-arrow::after{content:'';height:1px;flex:1;background:var(--line)} .nf-one{margin:14px 0 0;border-radius:var(--r-lg);padding:20px 22px; background:linear-gradient(135deg,#285C44,#1D4733);color:#fff;box-shadow:var(--sh-m)} .nf-one .k{font-size:12.5px;color:#86D9B2;margin:0 0 6px;letter-spacing:.04em} .nf-one .v{font-size:22px;font-weight:800;margin:0 0 10px;letter-spacing:-.01em} .nf-one p{margin:0;font-size:13.5px;line-height:1.85;color:#C1EBD8} .nf-one p b{color:#fff} @media(max-width:860px){ .nf-groups{grid-template-columns:1fr} .nf-one .v{font-size:18px} } @media(max-width:700px){ } .fncard:hover .icbox{transform:scale(1.07) rotate(-2deg)} .fncard .icbox{transition:transform .32s var(--ease)} @media(max-width:620px){ footer{padding:34px 0 28px} .steps{gap:11px} .step{padding:15px 17px} .pmgroup{padding:17px 18px} } @media(max-width:820px){ .flow{grid-template-columns:1fr} .arrows{letter-spacing:0;padding-left:0;transform:rotate(90deg);margin:6px 0} .fgrid{grid-template-columns:1fr} } @media(max-width:860px){ } .four{display:grid;grid-template-columns:repeat(4,1fr);gap:10px} .fcard{border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;background:#fff;color:var(--ink)} .fcard .h{padding:8px 11px;font-size:11.5px;font-weight:700;display:flex;align-items:center;gap:6px} .fcard .h .ic{width:13px;height:13px} .fcard .b{display:grid;gap:6px} .fcard .ln{font-size:11.5px;color:var(--ink-2);background:var(--bg);border:1px solid var(--line-2); border-radius:var(--r-sm);padding:5px 8px;line-height:1.5} .fcard .h{color:#fff} .fcard .h .ic{opacity:.92} .fcard .h.c-class{background:var(--c-class-solid)} .fcard .h.c-doc{background:var(--c-doc-solid)} .fcard .h.c-ok{background:var(--c-ok-solid)} .fcard .h.c-money{background:var(--c-money-solid)} .fcard .b{padding:11px 11px 12px} .fcard .ln:first-child{font-weight:700;color:#fff;border:0;border-radius:var(--r-md) var(--r-md) var(--r-md) var(--r-sm)} .fcard .h.c-class~.b .ln:first-child{background:var(--c-class-solid)} .fcard .h.c-doc~.b .ln:first-child{background:var(--c-doc-solid)} .fcard .h.c-ok~.b .ln:first-child{background:var(--c-ok-solid)} .fcard .h.c-money~.b .ln:first-child{background:var(--c-money-solid)} .fcard .ln:not(:first-child){border-radius:var(--r-sm) var(--r-md) var(--r-md) var(--r-md);background:#fff;border-color:var(--line)} .cl{position:relative;box-shadow:inset 3px 0 0 var(--brand)} .cl+.cl::before{content:'';position:absolute;left:-9px;top:50%;width:9px;height:2px; background:var(--line);transform:translateY(-1px)} .cl.cut{box-shadow:inset 3px 0 0 var(--amber-solid)} .cl.brk{box-shadow:inset 3px 0 0 var(--red)} .cl.brk::before{background:transparent;border-top:2px dashed var(--red);height:0} .chain{display:flex;align-items:stretch;gap:9px;flex-wrap:wrap} .cl{flex:1;min-width:140px;border:1px solid var(--line);border-radius:var(--r-md);padding:11px 13px;background:#fff} .cl .h{font-size:12.5px;font-weight:700;margin:0 0 4px} .cl .f{font-size:11.5px;color:var(--ink-3);line-height:1.6} .cl code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px; background:var(--bg);border:1px solid var(--line-2);border-radius:var(--r-sm);padding:1px 5px} .cl.cut{background:#FEFAF7;border-color:var(--amber-line)} .cl.cut .h{color:var(--amber)} .cl.brk{background:var(--red-bg);border-color:var(--red-line)} .cl.brk .h{color:var(--red)} .cl.brk .f{color:var(--slate)} .pmx{width:100%;border-collapse:separate;border-spacing:0;font-size:12.5px} .pmx th,.pmx td{text-align:center;vertical-align:middle} .pmx thead th{font-size:11.5px;font-weight:600;color:var(--ink-3);line-height:1.35; padding:0 2px 9px;white-space:nowrap} .pmx thead th:first-child{text-align:left} .pmx tbody th{text-align:left;font-size:12.5px;font-weight:700;color:var(--ink); padding:5px 12px 5px 0;white-space:nowrap} .pmx tbody th em{display:block;font-style:normal;font-size:11.5px;font-weight:500;color:var(--ink-3)} .pmx td{padding:4px 3px} .pmx th{padding:0} .pmx .d{display:block;width:100%;height:26px;border-radius:var(--r-sm); background:#E8F1ED;border:1px solid var(--line)} .pmx .d.on{background:linear-gradient(180deg,#2E6349,var(--brand));border-color:#2A6248; box-shadow:var(--edge)} .pmx tbody tr+tr th,.pmx tbody tr+tr td{border-top:1px solid var(--line-3)} .pmx-leg{display:flex;gap:16px;align-items:center;font-size:11.5px;color:var(--ink-3);margin:12px 0 0} .pmx-leg span{display:inline-flex;align-items:center;gap:6px} .pmx-leg i{width:15px;height:15px;border-radius:var(--r-sm);display:inline-block; background:#E8F1ED;border:1px solid var(--line)} .pmx-leg i.on{background:var(--brand);border-color:#2A6248} .pmx-wrap{overflow-x:auto} @media(max-width:620px){ .pmx{font-size:11.5px;min-width:460px} .pmx .d{height:22px} } @media(max-width:620px){ .four{grid-template-columns:repeat(2,1fr)} .chain{flex-direction:column} .cl{min-width:0} } .why{display:grid;gap:14px;margin:0} .wrow{background:#fff;border:1px solid var(--line);border-radius:var(--radius); padding:24px 26px 20px;box-shadow:var(--edge),var(--sh-s); transition:box-shadow .32s var(--ease),transform .32s var(--ease); display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:0 16px;align-items:start} .wrow:hover{box-shadow:var(--edge),var(--sh-m);transform:translateY(-3px);border-color:#A7E3C7} .wrow .icbox{width:36px;height:36px;border-radius:var(--r-md);margin-top:2px} .wrow .icbox .ic{width:18px;height:18px} .wrow .tx{min-width:0;grid-column:2} .wrow h3{margin:0 0 7px;font-size:16px} .wrow p{margin:0;font-size:14.5px;color:var(--ink-2)} .wrow b{color:var(--ink)} .wnum{grid-column:3;text-align:right;display:flex;flex-direction:column;align-items:flex-end; padding-left:22px;min-width:118px} .wnum b{font-family:var(--fd);font-size:40px;line-height:1;font-weight:700; letter-spacing:-.03em;color:var(--ink-3);font-variant-numeric:tabular-nums} .wrow:has(.c-point) .wnum b{color:var(--c-point-ink)} .wrow:has(.c-doc) .wnum b{color:var(--c-doc-ink)} .wrow:has(.c-watch) .wnum b{color:var(--c-watch-ink)} .wrow:has(.c-money) .wnum b{color:var(--c-money-ink)} .wnum em{font-style:normal;font-size:11.5px;color:var(--ink-3);line-height:1.5;margin-top:6px} .wnow{grid-column:2/-1;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px; margin:16px 0 0;padding-top:13px;border-top:1px solid var(--line-3); font-size:12.5px;color:var(--ink-3);max-width:none} .wnow > span{min-width:0} .wgo{margin-left:auto;flex:none;font-size:12.5px;font-weight:700;color:var(--brand); text-decoration:none;white-space:nowrap;border-bottom:1px solid transparent; transition:border-color .2s var(--ease)} .wgo:hover{border-bottom-color:var(--brand-l)} @media(max-width:780px){ .wrow{grid-template-columns:36px minmax(0,1fr);padding:20px 20px 17px} .wnum{grid-column:2;flex-direction:row;align-items:baseline;gap:9px;padding:10px 0 0; min-width:0;text-align:left;justify-content:flex-start} .wnum b{font-size:28px} .wnum em{margin-top:0} .wnum em br{display:none} .wnow{grid-column:1/-1} .wgo{margin-left:0} } .why2{display:grid;grid-template-columns:1.08fr 1fr;gap:40px;align-items:start} .wlist{display:grid;gap:22px} .witem{display:flex;gap:13px} .wtick{flex:none;width:23px;height:23px;border-radius:50%;background:var(--ok-bg);border:1px solid var(--ok-line); color:var(--ok);display:flex;align-items:center;justify-content:center;margin-top:3px} .wtick .ic{width:13px;height:13px;stroke-width:3} .witem b{display:block;font-size:16px;margin:0 0 5px} .witem p{margin:0;font-size:14.5px;color:var(--ink-2);line-height:1.85} .quote{background:linear-gradient(150deg,#2B7854 0%,#25744F 55%,#357859 100%);color:#fff; border-radius:var(--r-xl);padding:38px 40px;position:relative;overflow:hidden; box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 2px 6px rgba(22,52,38,.22), 0 14px 34px rgba(36,79,57,.26),0 30px 66px rgba(36,79,57,.18)} .quote::before{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%; background:radial-gradient(circle,rgba(255,255,255,.14),transparent 68%);pointer-events:none} .quote .qm{font-family:Georgia,serif;} .quote p{line-height:1.82;margin:0 0 24px;font-weight:600;letter-spacing:-.012em} .quote .by{border-top:1px solid rgba(255,255,255,.26);padding-top:16px;margin:0;font-size:13.5px;color:#D8F3E6;font-weight:400} @media(max-width:860px){.why2{grid-template-columns:1fr;gap:28px}.quote{padding:26px 24px}.quote p{font-size:16px}} .pmgroups{display:grid;grid-template-columns:1.25fr 1fr;gap:18px;align-items:start} .pmgroup{margin:0;background:linear-gradient(165deg,rgba(255,255,255,.055),rgba(255,255,255,.028)); border:1px solid var(--deep-line);box-shadow:var(--edge-d),0 2px 10px rgba(0,0,0,.14);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px); border-radius:var(--radius);padding:22px 24px} .pmgroup.half{grid-column:2} @media(max-width:900px){.pmgroups{grid-template-columns:1fr}.pmgroup.half{grid-column:1}} .pmhead{display:inline-block;font-size:12.5px;font-weight:700;border-radius:999px;padding:5px 14px;margin:0 0 14px} .pm-y{background:rgba(94,211,160,.14);color:#8BE5C0;border:1px solid rgba(94,211,160,.34)} .pm-n{background:rgba(255,255,255,.07);color:var(--deep-txt);border:1px solid var(--deep-line)} .pm-x{background:rgba(224,160,74,.14);color:#F0C68A;border:1px solid rgba(224,160,74,.36)} .pmitem{display:flex;gap:13px;padding:14px 0;border-top:1px solid var(--deep-line)} .pmitem:first-of-type{border-top:0} .pmic{flex:none;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center; font-size:12.5px;font-weight:700;margin-top:4px} .i-y{background:var(--ok);color:#fff;box-shadow:0 0 0 4px rgba(46,125,91,.18)} .pmic .ic{width:13px;height:13px;stroke-width:2.6} .i-n{background:rgba(255,255,255,.10);color:#94B5A5;border:1px solid var(--deep-line)} .i-x{background:rgba(224,160,74,.22);color:#F0C68A;border:1px solid rgba(224,160,74,.4)} .pmitem .tx b{display:block;color:#fff;font-size:14.5px} .pmitem .tx em{font-style:normal;font-size:14.5px;color:var(--deep-txt2);line-height:1.8} .combos{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:start} .cmb{background: linear-gradient(135deg,rgba(36,79,57,.07) 0 14px,transparent 14px) right top/60px 60px no-repeat, linear-gradient(180deg,#fff,#F7FCFA);border:1px solid var(--line);border-radius:var(--radius);padding:28px 26px;box-shadow:var(--edge),var(--sh-s); transition:box-shadow .2s,transform .2s,border-color .2s} .cmb:hover{transform:translateY(-4px)} .cmb.best{border:2px solid var(--brand);} .cmb .badge{position:absolute;top:-13px;left:26px;background:linear-gradient(170deg,#2E6349,#1C4330);color:#fff; font-size:11.5px;font-weight:700;border-radius:999px;padding:5px 14px;letter-spacing:.04em; box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 3px 8px rgba(36,79,57,.3)} .cmb .who2{font-size:12.5px;font-weight:700;color:var(--brand);letter-spacing:.04em;margin:0 0 5px} .cmb.best .who2{color:var(--brand-d)} .cmb h3{margin:0 0 9px;font-size:18px;letter-spacing:-.02em} .cmb .desc{font-size:14.5px;color:var(--ink-2);line-height:1.8;margin:0 0 16px; padding:0 0 18px;border-bottom:1px solid var(--line-2)} .cmb ul{margin:0;padding:0;list-style:none} .cmb li{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;margin:0 0 10px;line-height:1.75} .cmb li .ic{width:16px;height:16px;flex:none;margin-top:4px;stroke-width:2.6} .cmb li.yes{color:var(--ink)} .cmb li.yes .ic{color:var(--ok)} .cmb li.no{color:var(--ink-3)} .cmb li.no .ic{color:var(--line)} @media(max-width:900px){.combos{grid-template-columns:1fr}.cmb .badge{left:50%;transform:translateX(-50%)}} .fit{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start} .fitcol{border-radius:var(--radius);padding:30px 32px;border:1px solid} .fit-y{border-color:var(--ok-line)} .fit-n{border-color:#E8DCC6} .fitcol h3{margin:0 0 4px;font-size:18px;display:flex;align-items:center;gap:11px;letter-spacing:-.02em} .fit-y h3{color:var(--ok)} .fit-n h3{color:#7A5A2A} .fithd{width:30px;height:30px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;flex:none} .fit-y .fithd{background:var(--ok);color:#fff} .fit-n .fithd{background:#B59A68;color:#fff} .fithd .ic{width:16px;height:16px;stroke-width:3} .fitcol .sub2{font-size:13.5px;margin:0 0 18px;padding-left:41px} .fit-y .sub2{color:#3E7A60} .fit-n .sub2{color:#7F6943} .fitcol ul{margin:0;padding:0;list-style:none} .fitcol li{display:flex;gap:11px;align-items:flex-start;font-size:14.5px;line-height:1.8; padding:11px 0;border-top:1px solid rgba(0,0,0,.055)} .fitcol li:first-child{border-top:0;padding-top:0} .fitcol li .ic{width:16px;height:16px;flex:none;margin-top:5px;stroke-width:2.8} .fit-y li{color:#1F3A2E} .fit-y li .ic{color:var(--ok)} .fit-n li{color:#4A3F2C} .fit-n li .ic{color:#A8905F} @media(max-width:860px){.fit{grid-template-columns:1fr}.fitcol{padding:22px 22px}} .vcap,.pnote,.vsfoot,.does,.solves,.d2, .nf-one p,.pbox p,.getbox p,.midcta p,.calc{max-width:42em} .fine,summary{max-width:46em} main p{max-width:44em} .chaincard .tx,.wrow .tx{max-width:40em} .pbox h4,.pbox h3{max-width:36em} .fnline{display:flex;align-items:center;gap:13px;margin:38px 0 16px; padding:19px 18px;border-radius:var(--r-lg);color:#fff;box-shadow:var(--sh-m)} .fnline.l-class{background:linear-gradient(135deg,var(--brand),#285C44)} .fnline.l-shop{background:linear-gradient(135deg,#82631F,#664C17)} .fnline[class*="k-"]{background-color:var(--c); background-image:linear-gradient(135deg,rgba(255,255,255,.10),rgba(0,0,0,.20))} .fnline .icbox{width:34px;height:34px;border-radius:var(--r-md); background:rgba(255,255,255,.18);color:#fff} .fnline .icbox .ic{width:18px;height:18px} .fnline b{font-size:18px} .fnline span{font-size:13.5px;font-weight:400;color:rgba(255,255,255,.9)} .fnline em{margin-left:auto;font-style:normal;font-size:12.5px;font-weight:700; letter-spacing:.04em;padding:5px 14px; border-radius:999px;color:#fff;background:rgba(0,0,0,.20); border:1px solid rgba(255,255,255,.22)} .fngrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px} .fncard{background: linear-gradient(90deg,rgba(36,79,57,.28),rgba(230,196,137,.22)) top left/100% 2px no-repeat, linear-gradient(180deg,#fff,#F7FCFA);border:1px solid var(--line);border-radius:var(--r-lg);padding:16px 17px; box-shadow:var(--edge),var(--sh-s);transition:box-shadow .32s var(--ease),transform .32s var(--ease),border-color .25s var(--ease)} .fncard:hover{transform:translateY(-3px);border-color:#A7E3C7} .fncard .icbox{width:36px;height:36px;border-radius:var(--r-md);margin:0 0 11px} .fncard .icbox .ic{width:18px;height:18px} .fncard b{display:block;font-size:14.5px;margin:0 0 4px;line-height:1.5} .fncard span{font-size:12.5px;color:var(--ink-3);line-height:1.7;display:block} @media(max-width:1000px){.fngrid{grid-template-columns:repeat(3,1fr)}} @media(max-width:760px){.fngrid{grid-template-columns:repeat(2,1fr)}} @media(max-width:430px){.fngrid{grid-template-columns:1fr}.fnline em{display:none}} .rules{width:100%;border-collapse:collapse;font-size:12.5px} .rules th{text-align:left;color:var(--ink-3);font-weight:500;font-size:11.5px;padding:8px 8px; border-bottom:1px solid var(--line);white-space:nowrap} .rules td{padding:11px 8px;border-bottom:1px solid var(--line-2);vertical-align:top;color:var(--ink-2);line-height:1.6} .rules tr:last-child td{border-bottom:0} .rules code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px; background:var(--bg);border:1px solid var(--line-2);border-radius:var(--r-sm);padding:1px 6px;color:var(--ink)} .rules .pass{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;border-radius:var(--r-md); padding:4px 10px;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)} .p-ok{background:var(--ok-bg);color:var(--ok);border:1px solid var(--ok-line)} .p-no{background:var(--red-bg);color:var(--red);border:1px solid var(--red-line)} .rules .pass .ic{width:11px;height:11px;stroke-width:3} .rules tr.blocked td:first-child{color:var(--ink-3);text-decoration:line-through} @media(max-width:700px){ .rules th:nth-child(2),.rules td:nth-child(2){display:none} .rules td,.rules th{padding:9px 5px;font-size:12.5px} } .ptable{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line); border-radius:var(--radius);overflow:hidden;margin:0 0 10px} .ptable th,.ptable td{padding:19px 12px;border-bottom:1px solid var(--line-3);text-align:center} .ptable thead th{background:var(--bg);font-size:14.5px;font-weight:700;color:var(--ink)} .ptable thead th small{display:block;font-size:11.5px;font-weight:600;color:var(--brand)} .ptable .setup{color:var(--ink-3);opacity:.78;letter-spacing:.02em} .ptable tbody tr:last-child td{border-bottom:0} .ptable .scale{text-align:left;font-size:14.5px;color:var(--ink); position:relative;padding-left:22px} .ptable tbody .scale::before{content:"";position:absolute;left:10px;top:50%; width:3px;height:18px;margin-top:-9px;border-radius:999px;background:var(--brand-l)} .ptable.t-shop tbody .scale::before{background:var(--brass-l)} .ptable .scale small{display:block;font-size:12.5px;color:var(--ink-3);font-weight:400} .ptable td.rec{background:#F7FCFA;} .ptable tbody tr:last-child td.rec{box-shadow:inset 1px 0 0 #A7E3C7,inset -1px 0 0 #A7E3C7,inset 0 -1px 0 #A7E3C7} .ptable thead th.rec{box-shadow:inset 1px 0 0 #A7E3C7,inset -1px 0 0 #A7E3C7,inset 0 1px 0 #A7E3C7} .ptable thead th.rec{background:var(--brand-bg);position:relative} .ptable thead th.rec small{display:block;width:fit-content;margin:0 auto 7px; background:linear-gradient(170deg,#2E6349,#1C4330);color:#fff; border-radius:999px;padding:3px 11px;font-size:11.5px;letter-spacing:.02em; box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 2px 5px rgba(36,79,57,.22)} .ptable tbody tr:hover td{background:#F7FCFA} .ptable tbody tr:hover td.rec{background:#E9F8F1} .ptable.t-shop td.rec{background:#FDF9F0} .ptable.t-shop tbody tr:last-child td.rec{box-shadow:inset 1px 0 0 #E0C999,inset -1px 0 0 #E0C999,inset 0 -1px 0 #E0C999} .ptable.t-shop thead th.rec{box-shadow:inset 1px 0 0 #E0C999,inset -1px 0 0 #E0C999,inset 0 1px 0 #E0C999; background:var(--brass-bg)} .ptable.t-shop thead th.rec small{background:linear-gradient(170deg,#8E6E2C,#71551E); box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 2px 5px rgba(113,85,30,.26)} .ptable.t-shop tbody tr:hover td{background:#FDF9F0} .ptable.t-shop tbody tr:hover td.rec{background:#FAF2E2} .ptable .money{font-family:var(--fd);font-size:22px;font-weight:700;letter-spacing:.01em; font-variant-numeric:tabular-nums} .ptable td.rec .money{font-size:28px;letter-spacing:-.01em} .ptable .money::after{content:" 元/月";font-size:11.5px;font-weight:500;color:var(--ink-3);letter-spacing:0} .ptable .setup{display:block;font-size:12.5px;color:var(--ink-3);font-weight:400;margin-top:2px} .ptable .none{color:var(--ink-3);font-size:18px;opacity:.5} .pline{font-size:18px;font-weight:700;margin:44px 0 14px;display:flex;align-items:center;gap:10px; max-width:none;padding:13px 18px;border-radius:var(--r-lg);color:#fff;box-shadow:var(--sh-s); background:var(--c,linear-gradient(135deg,var(--brand),#285C44))} .pline.p-shop{background:linear-gradient(135deg,var(--teal-solid),#5C4518)} .pline .icbox{width:32px;height:32px;border-radius:var(--r-md); background:rgba(255,255,255,.18);color:#fff} .pline .icbox .ic{width:17px;height:17px} .pline span{font-size:13.5px;font-weight:400;color:rgba(255,255,255,.90);margin-left:8px} .pnote{font-size:13.5px;color:var(--ink-3);line-height:1.85;margin:0 0 6px;padding:0 2px} .pnote b{color:var(--ink-2)} .pbox{background:var(--brand-bg);border:1px solid #A7E3C7;border-radius:var(--radius);padding:22px;margin:0 0 34px} .pbox h3{margin:0 0 11px;font-size:16px;display:flex;align-items:center;gap:9px} .pbox h3 .ic{width:19px;height:19px;color:var(--brand);stroke-width:2.1} .pbox p{margin:0 0 9px;font-size:14.5px;color:var(--ink-2)} .pbox p:last-child{margin:0} .pbox b{color:var(--ink)} .flow4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative} .f4{background:linear-gradient(165deg,rgba(255,255,255,.075),rgba(255,255,255,.035)); border:1px solid var(--deep-line);border-radius:var(--r-lg);padding:26px 24px; transition:background .28s var(--ease),border-color .28s var(--ease),transform .28s var(--ease); box-shadow:var(--edge-d),0 2px 10px rgba(0,0,0,.14);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)} .f4:hover{transform:translateY(-3px)} .f4:hover{background:rgba(255,255,255,.085);border-color:rgba(62,122,90,.42)} .f4n{width:34px;height:34px;border-radius:50%;font-size:14.5px;font-weight:700;color:#fff; display:flex;align-items:center;justify-content:center;margin:0 0 14px} .f4:nth-child(1) .f4n{background:linear-gradient(145deg,#357859,#2A5943)} .f4:nth-child(2) .f4n{background:linear-gradient(145deg,#88692D,#74581F)} .f4:nth-child(3) .f4n{background:linear-gradient(145deg,#437A60,#2E5C46)} .f4:nth-child(4) .f4n{background:linear-gradient(145deg,var(--ok-solid),var(--ok-solid))} .f4 h3{margin:0 0 8px;font-size:18px} .f4 p{margin:0;font-size:14.5px;color:var(--deep-txt2);line-height:1.85} .f4 p b{color:var(--deep-txt)} .nopre{display:flex;flex-wrap:wrap;gap:10px 26px;justify-content:center;margin:28px 0 0;font-size:14.5px;color:var(--deep-txt2)} .nopre span{display:inline-flex;align-items:center;gap:8px} .nopre .ic{width:15px;height:15px;color:#7FC9A4;stroke-width:2.6} @media(max-width:980px){.flow4{grid-template-columns:repeat(2,1fr)}} @media(max-width:560px){.flow4{grid-template-columns:1fr}} .y1{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:16px 0 0} .y1c{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:18px 20px} .y1c .t{font-size:13.5px;color:#536A5F;margin:0 0 8px} .y1c .big2{font-size:28px;font-weight:700;letter-spacing:-.03em;line-height:1.18} .y1c .big2::after{content:" 元";font-size:13.5px;font-weight:500;color:var(--ink-3)} .y1c.sum .big2{color:var(--brand-d)} .y1c .calc{font-size:12.5px;color:var(--ink-3);margin:6px 0 0;line-height:1.7} @media(max-width:760px){.y1{grid-template-columns:1fr}} .ny{display:grid;gap:0;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--sh-s)} .nyrow{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line-2)} .nyrow:last-child{border-bottom:0} .nycol{padding:17px 20px} .nycol:first-child{border-right:1px solid var(--line-2);background:#FEFAF7;position:relative} .nycol:first-child::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#E0A04A} .nycol h4{margin:0 0 7px;font-size:11.5px;font-weight:700;letter-spacing:.04em; display:inline-block;padding:3px 9px;border-radius:var(--r-sm);color:#fff;background:var(--amber)} .nycol:last-child h4{background:var(--slate)} .nyrow.by-choice .nycol:first-child{background:#F7FCFA} .nyrow.by-choice .nycol:first-child::before{background:var(--slate)} .nyrow.by-choice .nycol:first-child h4{background:#3F4F48} .nycol p{margin:0;font-size:14.5px;color:var(--ink-2);line-height:1.85} .nycol b{color:var(--ink)} details{background:#fff;border:1px solid var(--line);border-radius:var(--radius-s);margin:0 0 11px;box-shadow:var(--edge),var(--sh-s)} summary{cursor:pointer;padding:17px 20px;font-weight:700;font-size:16px;list-style:none; display:flex;align-items:center;gap:12px;transition:color .18s var(--ease)} summary:hover{color:var(--brand)} details{transition:box-shadow .26s var(--ease),border-color .26s var(--ease)} details:hover{border-color:#A7E3C7} details[open]{box-shadow:var(--sh-m);border-color:#A7E3C7} details[open] summary{color:var(--brand)} @keyframes fadeDown{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}} details[open] .body{animation:fadeDown .3s var(--ease-out)} @media(prefers-reduced-motion:reduce){details[open] .body{animation:none}} summary::-webkit-details-marker{display:none} summary .ic{margin-left:auto;color:var(--brand);width:18px;height:18px;stroke-width:2.4;transition:transform .2s} details[open] summary .ic{transform:rotate(45deg)} details .body{padding:0 20px 20px;font-size:14.5px;color:var(--ink-2);line-height:1.9} details .body p{margin:0 0 11px} details .body p:last-child{margin:0} details .body b{color:var(--ink)} .honest{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:start} .hcard{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--edge),var(--sh-s); transition:box-shadow .32s var(--ease),transform .32s var(--ease)} .hcard:hover{transform:translateY(-4px)} .hq{padding:20px 22px;display:flex;gap:12px;align-items:flex-start} .hqm{width:27px;height:27px;border-radius:50%;font-weight:800;font-size:14.5px; display:flex;align-items:center;justify-content:center;flex:none;margin-top:1px} .hq b{font-size:16px;line-height:1.6} .ha{padding:19px 22px;display:flex;gap:12px;align-items:flex-start} .ham{width:24px;height:24px;border-radius:50%;background:var(--ok-bg);border:1px solid var(--ok-line);color:var(--ok); display:flex;align-items:center;justify-content:center;flex:none;margin-top:2px} .ham .ic{width:13px;height:13px;stroke-width:3} .ha p{margin:0;font-size:14.5px;color:var(--ink-2);line-height:1.85} .ha b{color:var(--ink)} @media(max-width:900px){.honest{grid-template-columns:1fr}} .endcta{background:linear-gradient(150deg,#2B7854 0%,#25744F 42%,#377659 100%);color:#fff;text-align:center; position:relative;overflow:hidden} .endcta::before{content:"";position:absolute;inset:0;pointer-events:none; background:radial-gradient(900px 400px at 50% -10%,rgba(255,255,255,.14),transparent 65%)} .endcta > .wrap{position:relative;z-index:1} .endcta h2{color:#fff} .endcta .lead{color:#D8F3E6;margin-left:auto;margin-right:auto} .endcta .lead b,.endcta .steps b{color:#fff} .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:34px auto 0;text-align:left;max-width:720px} .step{background:rgba(0,0,0,.12);border:1px solid rgba(255,255,255,.22);border-radius:var(--radius-s);padding:17px 19px} .step{position:relative;transition:transform .2s,background .2s} .step:hover{transform:translateY(-3px);background:rgba(0,0,0,.18)} .stepn{width:32px;height:32px;border-radius:50%;background:#fff;color:#1C4330;font-weight:700;font-size:14.5px; box-shadow:0 2px 6px rgba(24,34,28,.18); display:flex;align-items:center;justify-content:center;margin:0 0 11px} .step b{display:block;font-size:14.5px;color:#fff;margin:0 0 6px;font-weight:700} .step p{margin:0;font-size:14.5px;line-height:1.8} .contact{display:flex;flex-wrap:wrap;gap:13px;justify-content:center;margin:28px 0 0} .cbtn{display:inline-flex;align-items:center;gap:11px;background:#fff;color:#27342E;font-weight:700;font-size:16px; padding:16px 30px;border-radius:var(--radius-s);text-decoration:none; transition:transform .18s,box-shadow .18s} .cbtn:active{transform:translateY(0);transition-duration:.08s} .cbtn:hover{transform:translateY(-2px);} .cbtn .lineico{width:28px;height:28px;border-radius:var(--r-md);background:#06C755;display:flex;align-items:center; justify-content:center;flex:none;color:#fff} .cbtn .lineico .ic{width:19px;height:19px} .cbtn small{display:block;font-size:11.5px;color:var(--ink-3);font-weight:500;margin-top:1px} .cid{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14.5px;letter-spacing:0} code{letter-spacing:0} .mcta{display:none;left:0;right:0;bottom:0;z-index:160; background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(18px) saturate(180%);backdrop-filter:blur(18px) saturate(180%); border-top:1px solid var(--line-2);padding:11px 15px;gap:10px; box-shadow:0 -1px 0 rgba(255,255,255,.9),0 -6px 24px rgba(24,34,28,.12)} .mcta a{flex:1;text-align:center;padding:14px 10px;border-radius:var(--r-md);font-size:14.5px;font-weight:700; text-decoration:none;display:flex;align-items:center;justify-content:center;gap:8px} .mcta .m1{background:#06C755;color:#fff} .mcta .m2{background:var(--bg);color:var(--ink);border:1px solid var(--line)} .mcta .lineico{width:22px;height:22px;border-radius:var(--r-sm);background:rgba(255,255,255,.22); display:flex;align-items:center;justify-content:center;color:#fff} .mcta .lineico .ic{width:15px;height:15px} @media(max-width:820px){ .mcta{display:flex} body{padding-bottom:74px} } .totop{right:20px;bottom:20px;width:44px;height:44px;border-radius:50%; background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line); display:flex;align-items:center;justify-content:center; color:var(--ink-3);z-index:150;text-decoration:none;opacity:.55;transition:opacity .22s var(--ease),background .22s var(--ease),color .22s var(--ease)} .totop:hover{opacity:1;background:var(--brand);color:#fff;border-color:var(--brand)} .totop .ic{width:19px;height:19px;stroke-width:2.4} @media(max-width:820px){.totop{display:none}} @media print{.mcta,.totop{display:none!important}} .demo{max-width:720px;margin:0 auto} .dline{position:relative;padding-left:46px} .dline::before{content:"";position:absolute;left:15px;top:8px;bottom:14px;width:2px; background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,.12))} .dstep{position:relative;padding:0 0 26px} .dstep:last-child{padding-bottom:0} .dstep::before{content:"";position:absolute;left:-38px;top:4px;width:16px;height:16px;border-radius:50%; background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.22)} .dstep .mins{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.04em; background:rgba(0,0,0,.30);border:1px solid rgba(255,255,255,.26); border-radius:999px; padding:3px 11px;margin:0 0 7px} .dstep b{display:block;font-size:18px;margin:0 0 5px;color:#fff} .dstep p{margin:0;font-size:14.5px;color:#D8F3E6;line-height:1.8} .dstep p em{font-style:normal;color:#fff;font-weight:600} .getbox{background:rgba(255,255,255,.96);color:var(--ink);border-radius:var(--radius);padding:22px 24px; margin:28px 0 0;text-align:left} .getbox h3{margin:0 0 13px;font-size:16px;color:var(--ink)} .getbox h3 .ic{width:19px;height:19px;color:var(--brand)} .getbox ul{margin:0;padding:0;list-style:none;display:grid;gap:10px} .getbox li{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;color:var(--ink-2);line-height:1.75} .getbox li .ic{width:15px;height:15px;color:var(--ok);flex:none;margin-top:4px;stroke-width:2.8} .getbox li b{color:var(--ink)} @media(max-width:620px){ .dline{padding-left:34px} .dline::before{left:9px} .dstep::before{left:-31px;width:14px;height:14px} .getbox{padding:19px 20px} } .midcta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:center; border:0;border-radius:var(--radius);position:relative;overflow:hidden; background:linear-gradient(104deg,#13241B,#1E3A2B 58%,#16291E); box-shadow:inset 0 1px 0 rgba(217,181,113,.26),var(--sh-m); padding:30px 32px;margin:48px 0 0} .midcta::after{content:"";position:absolute;right:-8%;top:-80%;width:44%;height:280%; background:radial-gradient(closest-side,rgba(217,181,113,.13),transparent 70%);pointer-events:none} .midcta p{margin:0;font-size:16px;color:#fff;font-weight:600;position:relative;z-index:1} .midcta p small{display:block;font-size:13.5px;color:#A8BEB1;font-weight:400;margin-top:4px} .midcta .go{position:relative;z-index:1; display:inline-flex;align-items:center;gap:9px;background:linear-gradient(170deg,#E4C98E,#C9A961); color:#2A2015;font-weight:700;font-size:14.5px;padding:14px 26px;border-radius:var(--radius-s); text-decoration:none;white-space:nowrap; box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 3px 12px rgba(0,0,0,.26); transition:background .18s,transform .18s} .midcta .go:active{transform:translateY(0);transition-duration:.08s} .midcta .go:hover{background:linear-gradient(170deg,#EFD9A8,#D4B673);transform:translateY(-2px)} .midcta .go .ic{width:17px;height:17px} .deep .midcta{background:rgba(255,255,255,.07);border-color:var(--deep-line)} .deep .midcta p{color:#fff} .deep .midcta p small{color:var(--deep-txt2)} .band{width:100%;border-collapse:collapse;font-size:14.5px;margin:14px 0 0; background:#fff;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden} .band th,.band td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line-2)} .band th{background:var(--bg);font-size:12.5px;font-weight:700;color:var(--ink-3)} .band tr:last-child td{border-bottom:0} .band .lv{font-weight:700;color:var(--brand-d);white-space:nowrap} .band .ar{color:var(--ink-3);text-align:center;width:34px} @media(max-width:620px){ .midcta{flex-direction:column;text-align:center;gap:14px;padding:20px} .midcta .go{width:100%;justify-content:center} .band th:nth-child(2),.band td.ar{display:none} .band th,.band td{padding:10px 11px;font-size:13.5px} } @media(max-width:620px){ section{padding:54px 0} .wrap{padding:0 20px} .tldr{padding:24px 20px} .cmb,.tcard,.wrow{padding:20px 20px} .fitcol{padding:22px 22px} .quote{padding:26px 24px} h2{font-size:22px;line-height:1.4} .lead{font-size:16px;margin-bottom:28px} .tldr li{font-size:14.5px;gap:11px} .tldr li::before{width:22px;height:22px;font-size:11.5px} .tldrfoot{gap:10px;flex-direction:column;align-items:flex-start} .bahd{padding:14px 17px} .bahd b{font-size:16px} .bacell{padding:16px 17px} .bacell p{font-size:14.5px} .vsrow > div{font-size:14.5px} .fh h3{font-size:18px;line-height:1.45} .fh{gap:10px} .fh .icbox{width:36px;height:36px} .fh .icbox .ic{width:18px;height:18px} .fnum{width:24px;height:24px;font-size:12.5px} .fdesc{font-size:14.5px;margin-bottom:18px} .feat{padding-top:34px;margin-top:34px} .fnline{margin:26px 0 12px} .fnline b{font-size:16px} .fncard{padding:14px 15px} .cmb{padding:20px 20px} .cmb h3{font-size:18px} .fitcol li{font-size:14.5px;padding:10px 0} .fitcol h3{font-size:18px} .witem b{font-size:16px} .witem p{font-size:14.5px} .quote p{font-size:16px;line-height:1.8} .pmitem .tx b{font-size:14.5px} .pmitem .tx em{font-size:13.5px} .dstep b{font-size:16px} .dstep p{font-size:14.5px} .getbox li{font-size:14.5px} .hq{padding:17px 18px} .hq b{font-size:16px} .ha{padding:16px 18px} .ha p{font-size:14.5px} .y1c{padding:16px 17px} .y1c .big2{font-size:22px} } .fold{display:contents} .fold > input{position:absolute;opacity:0;pointer-events:none;width:0;height:0} .foldbtn{display:none} @media(max-width:620px){ .fold{display:block} .fold .clip{max-height:var(--clipH,430px);overflow:hidden;position:relative;transition:max-height .42s var(--ease-out)} .fold .clip::after{content:"";position:absolute;left:0;right:0;bottom:0;height:90px;pointer-events:none; background:linear-gradient(180deg,transparent,var(--foldbg,#fff) 86%)} .fold.on-alt .clip::after{--foldbg:var(--bg)} .fold > input:checked ~ .clip{max-height:none} .fold > input:checked ~ .clip::after{display:none} .foldbtn{display:flex;align-items:center;justify-content:center;gap:8px;margin:18px auto 0; background:#fff;border:1px solid var(--line);border-radius:999px;padding:12px 24px; font-size:14.5px;font-weight:700;color:var(--brand);cursor:pointer;width:fit-content; box-shadow:var(--sh-s)} .foldbtn .ic{width:16px;height:16px;transition:transform .32s var(--ease)} .fold > input:checked ~ .foldbtn .ic{transform:rotate(180deg)} .fold > input:checked ~ .foldbtn .more{display:none} .foldbtn .less{display:none} .fold > input:checked ~ .foldbtn .less{display:inline} .fold > input:focus-visible ~ .foldbtn{outline:3px solid var(--brand-l);outline-offset:3px} } .nl a:not(.ncta){position:relative;padding:4px 0} .nl a:not(.ncta)::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1.5px; background:var(--brand);transform:scaleX(0);transform-origin:center; transition:transform .28s var(--ease)} .nl a:not(.ncta):hover::after{transform:scaleX(1)} .alt{position:relative} .alt::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5; background-image:radial-gradient(rgba(36,79,57,.055) 1px,transparent 1px); background-size:22px 22px; -webkit-mask-image:linear-gradient(180deg,#000,transparent 180px,transparent calc(100% - 180px),#000); mask-image:linear-gradient(180deg,#000,transparent 180px,transparent calc(100% - 180px),#000)} .alt > .wrap{position:relative;z-index:1} .ptable tbody tr:nth-child(even) td:not(.rec){background:rgba(246,242,234,.5)} .fbox h4::before,.getbox h3::before{content:"";width:3px;height:15px;border-radius:var(--r-xs); background:linear-gradient(180deg,var(--brand-l),var(--brand));flex:none} .getbox h3{display:flex;align-items:center;gap:10px} .vcap{padding-left:11px;border-left:2px solid var(--line)} .mock .in > .vcap{margin-left:2px} .ptable .money,.y1c .big2{font-feature-settings:"tnum" 1,"case" 1} .quote .qm{line-height:.75;margin:0 0 6px} .pmhead{box-shadow:inset 0 1px 0 rgba(255,255,255,.12)} .deep .lead b{color:#fff;font-weight:600} .cmb.best{box-shadow:var(--edge),0 1px 2px rgba(24,34,28,.04),0 8px 20px rgba(36,79,57,.12),0 20px 44px rgba(36,79,57,.10)} .fitcol{box-shadow:inset 0 1px 0 rgba(255,255,255,.7)} .baarrow span{box-shadow:0 1px 3px rgba(24,34,28,.08),inset 0 1px 0 rgba(255,255,255,.9)} footer .mk{width:26px;height:26px;border-radius:var(--r-sm);padding:6px} .totop{box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 2px 6px rgba(24,34,28,.08),0 8px 22px rgba(24,34,28,.10)} .overlap{margin-top:-62px;position:relative;z-index:3} .ptable{position:relative} .watermark{position:absolute;pointer-events:none;z-index:0;opacity:.05;color:var(--brand)} .watermark .ic{width:100%;height:100%;stroke-width:1.2} .feat.lead-feat .fgrid{grid-template-columns:1fr} .feat.lead-feat .mock{margin-bottom:22px} .feat.lead-feat .fbox{display:grid;grid-template-columns:1fr 1fr;gap:0 28px} .feat.lead-feat .fbox h4{grid-column:1/-1} @media(max-width:820px){.feat.lead-feat .fbox{grid-template-columns:1fr}} .quote p{font-size:clamp(18px,2.1vw,22px)} .tldr li::before{width:28px;height:28px;font-size:13.5px} .b1{font-size:16px;padding:17px 34px} .b2{font-size:16px;padding:17px 30px} .statline .n{font-size:clamp(52px,8vw,88px)} @media(max-width:620px){ .overlap{margin-top:-34px} .b1,.b2{font-size:16px;padding:16px 24px} .quote p{font-size:18px} .statline .n{font-size:40px} } .tcard:nth-child(1){background:linear-gradient(165deg,#E9F8F1,#F7FCFA);border-color:#BAE9D3} .tcard:nth-child(2){background:linear-gradient(165deg,#FDF6EC,#FEFAF7);border-color:#F0E2C8} .tcard:nth-child(3){background:linear-gradient(165deg,#EEF7F2,#F8FCFA);border-color:#D2E8DC} .tcard:nth-child(1) h4{color:#2A5943} .tcard:nth-child(2) h4{color:var(--amber)} .tcard:nth-child(3) h4{color:var(--ok-solid)} .tcard:nth-child(1) .icbox{background:#2C6249;color:#fff} .tcard:nth-child(2) .icbox{background:var(--amber);color:#fff} .tcard:nth-child(3) .icbox{background:var(--ok-solid);color:#fff} .hq{background:linear-gradient(165deg,#1E2E27,var(--ink));border-bottom:0} .hq b{color:#fff} .hqm{background:rgba(111,169,138,.22);color:#C3D4C8} .hcard{border-color:#27342E} .fncard{position:relative;overflow:hidden} .fncard::after{content:"";position:absolute;inset:0;opacity:0;pointer-events:none; background:linear-gradient(165deg,rgba(36,79,57,.055),transparent 60%); transition:opacity .3s var(--ease)} .fncard:hover::after{opacity:1} .cmb.best{background: linear-gradient(135deg,rgba(111,169,138,.16) 0 14px,transparent 14px) right top/60px 60px no-repeat, linear-gradient(170deg,#1E2E27,#17241E);border-color:#2E4138;color:var(--deep-txt)} .cmb.best h3{color:#fff} .cmb.best .who2{color:#79D5AA} .cmb.best .desc{color:#B1C8BE;border-bottom-color:rgba(255,255,255,.12)} .cmb.best .desc b{color:#fff} .cmb.best li.yes{color:#DDEDE6} .cmb.best li.yes .ic{color:#7FC9A4} .fit-y{background:linear-gradient(165deg,#EAF6F0,#F3FAF7)} .fit-n{background:linear-gradient(165deg,#FEFAF7,#FEFAF7)} .bacell.was{background:linear-gradient(165deg,#FDF2EC,#FEFAF7);box-shadow:inset 3px 0 0 #C0563C} .bacell.now{background:linear-gradient(165deg,#F3FAF7,#F7FCFA);box-shadow:inset 3px 0 0 var(--ok)} .bacell.was .bapill{background:#AE4430;color:#fff} .bacell.now .bapill{background:var(--ok);color:#fff} .y1c.sum{background:linear-gradient(170deg,#1C4330,#2A5943);border-color:#2A5943;color:#fff} .y1c.sum .t{color:#B7E8D1} .y1c.sum .big2{color:#fff} .y1c.sum .big2::after{color:#B7E8D1} .y1c.sum .calc{color:#A7E3C7} .rules tr.blocked td{background:linear-gradient(90deg,#FDF3F3,#FEFAF7)} .quote::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5; background-image:radial-gradient(rgba(255,255,255,.10) 1px,transparent 1px);background-size:18px 18px} .quote > *{position:relative;z-index:1} .tldr ol{padding:0 14px;margin:0 -14px} .tldr li.warn{background:linear-gradient(90deg,#FDF6EC,transparent);border-radius:var(--r-md); padding:12px 14px;margin:2px 0 0} .fgrid > .fbox{background:linear-gradient(165deg,#F8FCFA,#F7FCFA)} .fl:hover{background:linear-gradient(165deg,rgba(255,255,255,.11),rgba(255,255,255,.05))} details[open]{border-left:3px solid var(--brand);padding-left:0} details[open] summary{padding-left:17px} details[open] .body{padding-left:17px} .deep::before,.deep::after{content:"";position:absolute;left:0;right:0;height:72px;pointer-events:none;z-index:1} .deep::before{top:0;background:linear-gradient(180deg,rgba(255,255,255,.055),transparent)} .deep::after{bottom:0;background:linear-gradient(0deg,rgba(0,0,0,.18),transparent)} .cmb::after,.fitcol::after{content:"";position:absolute;right:14px;top:14px;width:26px;height:26px; border-top:2px solid currentColor;border-right:2px solid currentColor;border-radius:0 var(--r-md) 0 0; opacity:.10;pointer-events:none} .cmb,.fitcol{position:relative} .cmb.best::after{opacity:.22;color:#39B37A} .bano,.fnum{position:relative; box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 2px 5px rgba(36,79,57,.26),0 0 0 4px rgba(36,79,57,.10)} .baarrow{position:relative} .baarrow::before{content:"";position:absolute;left:50%;top:18px;bottom:18px;width:1px;transform:translateX(-50%); background:linear-gradient(180deg,transparent,var(--line),transparent)} .baarrow span{position:relative;z-index:1} .feat{padding-left:0} .ptable{box-shadow:var(--edge),0 1px 2px rgba(24,34,28,.04),0 8px 22px rgba(24,34,28,.055)} .cbtn{position:relative; box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 2px 4px rgba(24,34,28,.12), 0 10px 26px rgba(24,34,28,.20),0 0 0 6px rgba(6,199,85,.10)} .cbtn:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 4px 8px rgba(24,34,28,.14), 0 16px 34px rgba(24,34,28,.26),0 0 0 8px rgba(6,199,85,.16)} .tldr{position:relative} .tldr::before{content:"";position:absolute;left:0;top:28px;bottom:28px;width:3px;border-radius:0 var(--r-xs) var(--r-xs) 0; background:linear-gradient(180deg,var(--brand-l),#E6C489)} .quote .qm{font-size:64px;opacity:.3} .rules tr.blocked td:first-child{position:relative} section + section::before{content:"";position:absolute;top:0;left:12%;right:12%;height:1px; background:linear-gradient(90deg,transparent,rgba(36,79,57,.10),transparent);pointer-events:none} section.deep + section::before,section + section.deep::before,section.endcta::before{display:none} .totop:hover{box-shadow:0 0 0 5px rgba(36,79,57,.18),0 2px 6px rgba(24,34,28,.12),0 10px 26px rgba(36,79,57,.24)} .totop{position:fixed} footer{position:relative} footer::before{content:"";position:absolute;top:0;left:0;right:0;height:1px; background:linear-gradient(90deg,transparent,rgba(111,169,138,.4),transparent)} .mcta{position:fixed} .cmb::after,.fitcol::after{display:none} .fncard:hover{box-shadow:var(--edge),var(--sh-m),0 0 0 3px rgba(36,79,57,.08)} .cmb:hover{box-shadow:var(--edge),var(--sh-m),0 0 0 3px rgba(36,79,57,.07)} .hcard:hover{box-shadow:var(--edge),var(--sh-m),0 0 0 3px rgba(36,79,57,.07)} .fncard:hover .icbox{box-shadow:inset 0 0 0 1px rgba(24,34,28,.04),0 4px 12px rgba(36,79,57,.18)} .icbox{transition:box-shadow .3s var(--ease),transform .3s var(--ease)} .ptable td.rec{box-shadow:inset 1px 0 0 #A7E3C7,inset -1px 0 0 #A7E3C7,inset 0 0 22px rgba(36,79,57,.045)} .ptable.t-shop td.rec{box-shadow:inset 1px 0 0 #E0C999,inset -1px 0 0 #E0C999,inset 0 0 22px rgba(113,85,30,.05)} .fl:hover{box-shadow:var(--edge-d),0 2px 8px rgba(0,0,0,.18),0 0 0 3px rgba(111,169,138,.10)} .f4:hover{box-shadow:var(--edge-d),0 2px 10px rgba(0,0,0,.14),0 0 0 3px rgba(111,169,138,.10)} .b1{box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 1px 2px rgba(16,38,27,.4), 0 8px 18px rgba(36,79,57,.34),0 18px 40px rgba(36,79,57,.26),0 0 0 5px rgba(36,79,57,.12)} @media(max-width:620px){ .blob{opacity:.5;filter:blur(64px)} .ghost,.watermark{display:none} .stars{-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 32%,transparent 60%); mask-image:linear-gradient(180deg,#000 0%,#000 32%,transparent 60%)} .split .sticky{position:static} .statline{gap:12px} .statline .t{font-size:18px} .tldr::before{width:2.5px;top:20px;bottom:20px} .cmb{background:linear-gradient(180deg,#fff,#F7FCFA)} .cmb.best{background:linear-gradient(170deg,#1E2E27,#17241E)} .deep::before,.deep::after{height:44px} section + section::before{display:none} .fncard{background-size:100% 1.5px} .rules td,.rules th{padding:8px 4px;font-size:11.5px} .hq{padding:15px 16px} .hq b{font-size:14.5px} .y1{gap:10px} .quote .qm{font-size:46px} } footer{background:#0E1B15;color:var(--deep-txt2);padding:44px 0 36px;font-size:13.5px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)} footer .fname{color:#fff;font-weight:700;font-size:14.5px;margin:0 0 10px} footer p{margin:0 0 7px;line-height:1.8} footer a{color:var(--deep-txt);text-decoration:none} footer a:hover{color:#fff;text-decoration:underline} footer .fine{margin-top:18px;padding-top:18px;border-top:1px solid var(--deep-line); font-size:12.5px;line-height:1.85;max-width:44em} @media(max-width:560px){ .ptable th,.ptable td{padding:11px 5px;font-size:12.5px} .ptable .money{font-size:18px} .ptable .money::after{display:block;margin-top:1px} .ptable .setup{font-size:11.5px} .ptable .scale{font-size:12.5px} .pline{font-size:16px} } @media(max-width:820px){ .nyrow{grid-template-columns:1fr} .nycol:first-child{border-right:0;border-bottom:1px solid var(--line-2)} .steps{grid-template-columns:1fr} .ptable th,.ptable td{padding:11px 7px} .ptable .money{font-size:18px} } @media(max-width:900px){ .nl a:not(.ncta){display:none} .hero{padding:44px 0 0} section{padding:62px 0} .ticks{gap:8px;margin-bottom:28px} .mockwrap{margin-bottom:-60px} .afterhero{height:110px} } @media(max-width:620px){ .mock .in{padding:13px 14px 15px} table.sch{display:block;table-layout:auto} table.sch colgroup{display:none} table.sch tbody,table.sch tr{display:block} table.sch tr:first-child{display:none} table.sch td{display:block;padding:0 0 5px} table.sch td:empty{display:none} .hh{display:block;text-align:left;padding:10px 0 6px;font-size:12.5px;border-top:1px solid var(--line);margin-top:4px} table.sch tr:nth-child(2) .hh{border-top:0;margin-top:0;padding-top:0} .cell{display:flex;align-items:baseline;gap:8px;min-height:0;padding:9px 11px} .cell::before{content:attr(data-d);flex:none;font-size:11.5px;color:var(--ink-3);min-width:2.6em} .cell .n{flex:none} .cell .t{margin-left:auto;text-align:right;white-space:normal} } .fpage{padding:70px 0 0} .fhero{margin:0 0 14px;max-width:48em} .fhero h1{font-size:clamp(30px,4.6vw,50px);color:var(--ink);text-shadow:none;margin:0 0 18px} .fhero .lead{max-width:40em} .fcount{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 10px} .fcount span{font-size:13.5px;color:var(--ink-2);background:#fff;border:1px solid var(--line); border-radius:999px;padding:7px 16px;box-shadow:var(--edge),var(--sh-s)} .fcount b{color:var(--brand-d)} .fsec{margin:52px 0 0;scroll-margin-top:84px} .k-class{--c:var(--c-class-solid); --cb:var(--c-class-bg); --ci:var(--c-class-ink)} .k-money{--c:var(--c-money-solid); --cb:var(--c-money-bg); --ci:var(--c-money-ink)} .k-ok {--c:var(--c-ok-solid); --cb:var(--c-ok-bg); --ci:var(--c-ok-ink)} .k-shop {--c:var(--c-shop-solid); --cb:var(--c-shop-bg); --ci:var(--c-shop-ink)} .k-point{--c:var(--c-point-solid); --cb:var(--c-point-bg); --ci:var(--c-point-ink)} .k-perm {--c:var(--c-perm-solid); --cb:var(--c-perm-bg); --ci:var(--c-perm-ink)} .k-doc {--c:var(--c-doc-solid); --cb:var(--c-doc-bg); --ci:var(--c-doc-ink)} .k-watch{--c:var(--c-watch-solid); --cb:var(--c-watch-bg); --ci:var(--c-watch-ink)} .k-line {--c:var(--c-line-solid); --cb:var(--c-line-bg); --ci:var(--c-line-ink)} .fsec-hd{display:flex;align-items:center;gap:14px;margin:0 0 14px;padding:14px 18px; border-radius:var(--r-lg);background:var(--c,var(--brand));color:#fff; box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 2px 4px rgba(24,34,28,.08), 0 10px 24px -14px rgba(24,34,28,.55)} .fsec-hd .icbox{width:40px;height:40px;border-radius:var(--r-md); background:rgba(255,255,255,.17);color:#fff} .fsec-hd .icbox .ic{width:20px;height:20px} .fsec-hd h2{margin:0;font-size:22px;letter-spacing:-.022em;color:#fff} .fsec-hd .sub{font-size:13.5px;color:rgba(255,255,255,.95);margin:3px 0 0} .fsec-hd .cnt{margin-left:auto;font-size:12.5px;color:#fff;background:rgba(0,0,0,.22); border:1px solid rgba(255,255,255,.30);border-radius:999px;padding:5px 14px;white-space:nowrap} .fitem{display:grid;grid-template-columns:40px minmax(0,1fr);gap:0 16px;padding:20px 0; border-bottom:1px solid var(--line-3);scroll-margin-top:84px} .fitem:last-child{border-bottom:0} .fitem:target{background:linear-gradient(90deg,var(--cb,var(--brand-bg2)),transparent); border-radius:var(--r-md);padding-left:14px;margin-left:-14px; box-shadow:inset 3px 0 0 var(--c,var(--brand))} .fno{font-size:11.5px;font-weight:800;color:#fff;padding:3px 0 0;font-variant-numeric:tabular-nums; background:var(--c,var(--ink-3));border-radius:var(--r-sm);width:28px;height:21px; display:flex;align-items:center;justify-content:center;margin-top:3px} .fitem h3{margin:0 0 5px;font-size:18px;letter-spacing:-.018em} .fitem .does{margin:0 0 9px;font-size:14.5px;color:var(--ink-2);line-height:1.8} .fitem .solves{margin:0;font-size:14.5px;line-height:1.8;color:var(--ink); display:flex;gap:10px;align-items:flex-start; background:linear-gradient(90deg,var(--ok-bg),transparent);border-radius:var(--r-md); padding:10px 13px} .fitem .solves .ic{width:16px;height:16px;flex:none;margin-top:4px;color:var(--ci,var(--ok));stroke-width:2.8} .fitem .solves b{color:var(--ink)} .fitem .tag{display:inline-block;font-size:11.5px;color:var(--ink-3);border:1px solid var(--line); border-radius:var(--r-sm);padding:2px 8px;margin:0 0 0 8px;vertical-align:2px;font-weight:500} .ftoc{position:sticky;top:84px;align-self:start} .ftoc .box{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:18px 20px; box-shadow:var(--edge),var(--sh-s)} .ftoc b{display:block;font-size:13.5px;color:var(--ink-3);letter-spacing:.06em;margin:0 0 12px} .ftoc a{display:flex;align-items:center;gap:9px;padding:7px 0;font-size:14.5px;color:var(--ink-2); text-decoration:none;border-bottom:1px solid var(--line-3)} .ftoc a:last-child{border-bottom:0} .ftoc a:hover{color:var(--brand)} .ftoc a .n{margin-left:auto;font-size:12.5px;color:var(--ink-3)} .ftoc .dot{width:8px;height:8px;border-radius:var(--r-xs);flex:none} .fgridmain{display:grid;grid-template-columns:236px minmax(0,1fr);gap:46px;align-items:start} @media(max-width:960px){ .fgridmain{grid-template-columns:1fr;gap:26px} .ftoc{position:static} .ftoc .box{display:grid;grid-template-columns:repeat(2,1fr);gap:0 18px} .ftoc a{padding:11px 0} .ftoc b{grid-column:1/-1} } @media(max-width:620px){ .fpage{padding-top:44px} .fsec{margin-top:40px} .fitem{grid-template-columns:30px minmax(0,1fr);gap:0 10px;padding:17px 0} .ftoc .box{grid-template-columns:1fr} } .hfan{position:relative;border-radius:var(--r-xl);padding:20px 22px 18px; background:linear-gradient(165deg,rgba(255,255,255,.075),rgba(255,255,255,.022)); border:1px solid rgba(255,255,255,.1); box-shadow:var(--edge-d),0 20px 48px -20px rgba(0,0,0,.66)} .hfan-hd{margin:0 0 16px;font-size:13.5px;color:#fff;font-weight:700;line-height:1.6; display:flex;flex-wrap:wrap;align-items:center;gap:9px} .hfan-k{font-size:11.5px;font-weight:700;letter-spacing:.14em;padding:3px 9px;border-radius:999px; white-space:nowrap} .hfan-c .hfan-k{color:#A7D8BF;background:rgba(111,169,138,.15);border:1px solid rgba(111,169,138,.28)} .hfan-s .hfan-k{color:#E6CB92;background:rgba(217,181,113,.13);border:1px solid rgba(217,181,113,.28)} .hfan-body{display:grid;grid-template-columns:104px minmax(0,1fr);gap:0 20px;align-items:center} .hfact{position:relative;text-align:center} .hfact-n{width:50px;height:50px;margin:0 auto 10px;border-radius:50%; display:flex;align-items:center;justify-content:center; font-size:22px;font-weight:700;color:#fff;letter-spacing:-.03em; box-shadow:0 0 0 6px rgba(255,255,255,.05),0 12px 24px -10px rgba(0,0,0,.75)} .hfan-c .hfact-n{background:linear-gradient(165deg,#3F8161,#1C4330)} .hfan-s .hfact-n{background:linear-gradient(165deg,#A8812F,#6B5220)} .hfact b{display:block;font-size:12.5px;color:#fff;font-weight:700;line-height:1.5} .hfact em{display:block;font-style:normal;font-size:11.5px;color:var(--deep-txt2); line-height:1.6;margin-top:4px} .hfact::after{content:'';position:absolute;right:-20px;top:25px;width:20px;height:1.5px; background:rgba(255,255,255,.16)} .hfout{list-style:none;margin:0;padding:0 0 0 22px;position:relative} .hfout::before{content:'';position:absolute;left:0;top:20px;bottom:20px;width:1.5px; background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.2),rgba(255,255,255,.07))} .hfout li{position:relative;display:grid;grid-template-columns:80px minmax(0,1fr); align-items:center;gap:0 11px;padding:7px 0} .hfout li::before{content:'';position:absolute;left:-22px;top:50%;width:15px;height:1.5px; background:rgba(255,255,255,.16)} .hfout li::after{content:'';position:absolute;left:-7px;top:50%;width:7px;height:7px; margin:-3.5px 0 0 -3.5px;border-radius:50%;background:#12201A;border:1.5px solid rgba(255,255,255,.3)} .hfan-c .hfout li::after{border-color:#6FA98A} .hfan-s .hfout li::after{border-color:#D9B571} .hfm{font-size:11.5px;font-weight:700;text-align:right;letter-spacing:.02em;line-height:1.4} .hfan-c .hfm{color:#9FD0B6} .hfan-s .hfm{color:#E0C083} .hft{font-size:12.5px;color:#CBDCD3;line-height:1.55} .hft b{color:#fff} .hfout li.is-sum{margin-top:6px;padding-top:13px;border-top:1px solid rgba(255,255,255,.09)} .hfout li.is-sum::after{width:9px;height:9px;margin:-4.5px 0 0 -4.5px} .hfan-c .hfout li.is-sum::after{background:#6FA98A} .hfan-s .hfout li.is-sum::after{background:#D9B571} .hfout li.is-sum .hfm{font-size:12.5px} .hfan-c .hfout li.is-sum .hfm{color:#fff} .hfan-s .hfout li.is-sum .hfm{color:#fff} .hfout li.is-sum .hft{font-size:14.5px;color:#fff;font-weight:700;letter-spacing:-.01em} .hfout li.is-sum .hft small{display:block;font-size:11.5px;font-weight:500; color:var(--deep-txt2);letter-spacing:0;margin-top:2px} .hfan-ft{margin:15px 0 0;padding-top:13px;border-top:1px solid rgba(255,255,255,.08); font-size:12.5px;color:var(--deep-txt);line-height:1.6} .hfan-ft b{color:#fff} .hpts{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:9px} .hpts li{display:flex;align-items:flex-start;gap:9px;font-size:13.5px;color:var(--deep-txt)} .hpts .ic{width:15px;height:15px;flex:none;margin-top:3px;stroke-width:2.6} .hpts-c .ic{color:var(--brand-l)} .hpts-s .ic{color:var(--brass-l)} .hpts b{color:#fff;font-weight:700} .shero{position:relative;z-index:1;padding:92px 0 92px; background: radial-gradient(900px 440px at 14% -10%, rgba(36,79,57,.38), transparent 62%), radial-gradient(800px 420px at 88% 4%, rgba(201,169,97,.26), transparent 62%), linear-gradient(168deg,#0E1A14 0%,#13241B 52%,#1A3327 100%)} .shero .wrap{position:relative;z-index:2;display:grid; grid-template-columns:minmax(0,1fr) minmax(0,462px);gap:0 60px;align-items:center} .sh-tx{min-width:0} .shero h1{font-size:clamp(30px,4.6vw,50px);margin:0 0 20px} .shero .lead{color:var(--deep-txt);margin:0 0 30px;max-width:34em} .shero .lead b{color:#fff} .chainwrap{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start} @media(max-width:900px){.chainwrap{grid-template-columns:1fr}} .chaincard{background:#fff;border:1px solid var(--line);border-radius:var(--r-xl);overflow:hidden; box-shadow:var(--edge),var(--sh-s);transition:box-shadow .32s var(--ease),transform .32s var(--ease)} .chaincard:hover{box-shadow:var(--edge),var(--sh-m);transform:translateY(-3px)} .trig{display:flex;align-items:flex-start;gap:14px;padding:22px 26px; background:linear-gradient(165deg,#FDF2EC,#FEFAF7);border-bottom:1px solid var(--line-2)} .trig .icbox{width:38px;height:38px;border-radius:var(--r-md);background:#FBE7E2;color:#A8402F} .trig .icbox .ic{width:19px;height:19px} .trig b{display:block;font-size:12.5px;font-weight:700;color:#A8402F;letter-spacing:.06em;margin:0 0 4px} .trig p{margin:0;font-size:18px;font-weight:700;color:var(--ink);letter-spacing:-.018em;line-height:1.55} .links{padding:8px 26px 22px} .links .hd{font-size:12.5px;font-weight:700;color:var(--ok);letter-spacing:.05em;margin:14px 0 12px; display:flex;align-items:center;gap:8px} .links .hd .ic{width:14px;height:14px;stroke-width:3} .lrow2{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:0 13px;align-items:start; padding:11px 0;border-bottom:1px solid var(--line-3)} .lrow2:last-child{border-bottom:0} .lnum{width:22px;height:22px;border-radius:50%;background:var(--ok-bg);border:1px solid var(--ok-line); color:var(--ok);font-size:11.5px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px} .lrow2 .tx{font-size:14.5px;line-height:1.8;color:var(--ink-2)} .lrow2 .tx b{color:var(--ink)} .mod{font-size:11.5px;color:var(--brand-d);background:var(--brand-bg);border:1px solid #DCE8E0; border-radius:var(--r-sm);padding:3px 10px;white-space:nowrap;margin-top:2px;font-weight:700} .mod.m-money{color:var(--c-money-ink);background:var(--c-money-bg);border-color:#EEDCBE} .mod.m-point{color:var(--c-point-ink);background:var(--c-point-bg);border-color:#F0D6E0} .mod.m-line{color:var(--c-ok-ink);background:var(--c-ok-bg);border-color:#CFE8DC} .mod.m-class{color:var(--c-class-ink);background:var(--c-class-bg);border-color:#D2E4DA} .mod.m-stock{color:var(--c-shop-ink);background:var(--c-shop-bg);border-color:#EADCC0} .mod.m-lock{color:var(--c-perm-ink);background:var(--c-perm-bg);border-color:#D8DAF0} .mod.m-chart{color:var(--c-doc-ink);background:var(--c-doc-bg);border-color:#D2DFEE} .youdo{margin:16px 0 0;padding:14px 16px;border-radius:var(--r-md); background:linear-gradient(90deg,var(--brand-bg),transparent); font-size:14.5px;color:var(--ink);display:flex;gap:10px;align-items:flex-start} .youdo .ic{width:16px;height:16px;flex:none;margin-top:4px;color:var(--brand)} .youdo b{color:var(--brand-d)} .crossbox{background:linear-gradient(170deg,#1E2E27,#17241E);color:var(--deep-txt); border-radius:var(--r-xl);padding:34px 36px;text-align:center; box-shadow:var(--edge-d),0 2px 10px rgba(0,0,0,.16)} .crossbox h3{color:#fff;margin:0 0 10px;font-size:22px} .crossbox p{margin:0 0 20px;font-size:14.5px;color:#B1C8BE} .crossbox .go{display:inline-flex;align-items:center;gap:9px;background:linear-gradient(170deg,#2E6349,#1C4330); color:#fff;font-weight:700;font-size:14.5px;padding:14px 26px;border-radius:var(--radius-s);text-decoration:none; box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 3px 10px rgba(36,79,57,.3)} @media(max-width:980px){ .shero .wrap{grid-template-columns:minmax(0,1fr);gap:38px 0} .shero h1{max-width:none} } @media(max-width:620px){ .shero{padding:50px 0 48px} .hfan{padding:16px 15px 15px} .hfan-body{grid-template-columns:minmax(0,1fr);gap:15px 0} .hfact{display:grid;grid-template-columns:40px minmax(0,1fr);gap:0 12px;text-align:left; padding-bottom:13px;border-bottom:1px solid rgba(255,255,255,.08)} .hfact-n{grid-row:1/3;margin:0;width:40px;height:40px;font-size:16px;align-self:center} .hfact b{align-self:end} .hfact em{align-self:start;margin-top:2px} .hfact em br{display:none} .hfact::after{display:none} .hfout{padding-left:16px} .hfout li{grid-template-columns:minmax(0,1fr);gap:3px 0;padding:8px 0} .hfout li::before{left:-16px;width:11px} .hfm{text-align:left} .trig{padding:18px 20px;gap:11px} .trig p{font-size:16px} .links{padding:4px 20px 18px} .lrow2{grid-template-columns:22px minmax(0,1fr);gap:0 10px} .mod{grid-column:2;margin-top:5px;justify-self:start} .crossbox{padding:26px 22px} } @media(max-width:940px){ .herogrid{grid-template-columns:1fr;gap:38px} .conflu{max-width:520px} } @media(max-width:620px){ .conflu{padding:18px 14px 16px} .cfrails{gap:10px} .cfcol{font-size:12.5px;padding-left:16px} .cfcol-s{padding:0 16px 0 0} .cfcol li::before{width:6px;height:6px} .cfcol-c li::before{left:-14px} .cfcol-s li::before{right:-14px} .cfcol::before{left:2.5px} .cfcol-s::before{left:auto;right:2.5px} .cfmerge{height:46px} .cfbook b{font-size:18px} .swing{padding:24px 20px 20px} .sw-foot{gap:10px 26px;margin-top:22px} } @media(max-width:620px){ .lgsub{display:none} .ncta{white-space:nowrap;padding:9px 15px} .navin{gap:12px;padding:12px 18px} } .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} .invgrp{margin:0 0 6px} .invgrp .fnline{margin:30px 0 0;max-width:none;border-radius:var(--r-lg) var(--r-lg) 0 0;box-shadow:none} .invfoot{max-width:none} .invlist{list-style:none;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0 30px; background:var(--bg-2);border:1px solid var(--line);border-top:0; border-radius:0 0 var(--r-lg) var(--r-lg);padding:6px 26px 16px;box-shadow:var(--sh-s); counter-reset:inv} .invlist li{border-top:1px solid var(--line-3);counter-increment:inv} .invlist li:first-child,.invlist li:nth-child(2){border-top:0} .invlist a{display:grid;grid-template-columns:30px minmax(0,1fr);gap:0 11px; padding:15px 10px 15px 0;text-decoration:none;color:inherit; border-radius:var(--r-sm);transition:background .2s var(--ease),box-shadow .2s var(--ease)} .invlist a::before{content:counter(inv,decimal-leading-zero);grid-row:1/4; font-family:var(--fd);font-size:13.5px;font-weight:700;color:var(--ink-3);letter-spacing:.02em; text-align:right;padding-top:1px;font-variant-numeric:tabular-nums;transition:color .2s var(--ease)} .invlist a:hover{background:var(--bg);box-shadow:inset 3px 0 0 var(--brand-l)} .invlist a:hover::before{color:var(--brand)} .l-shop ~ .invlist a:hover{box-shadow:inset 3px 0 0 var(--brass-l)} .l-shop ~ .invlist a:hover::before{color:var(--brass)} .invlist a:focus-visible{outline:2px solid var(--brand);outline-offset:1px} .invlist b{display:block;font-size:14.5px;color:var(--ink);letter-spacing:-.004em;line-height:1.55} .invlist span{display:block;margin-top:4px;font-size:12.5px;color:var(--ink-3);line-height:1.75} .invlist em{display:block;position:relative;padding:8px 12px 8px 31px;margin-top:9px; font-style:normal;font-size:12.5px;line-height:1.7;color:var(--ok); background:linear-gradient(90deg,var(--ok-bg),rgba(255,255,255,.35)); border-radius:0 var(--r-sm) var(--r-sm) 0;border:0;box-shadow:inset 2px 0 0 var(--ok)} .invlist em .ic{position:absolute;left:11px;top:10px;width:14px;height:14px;stroke-width:2.8} .invlist em b{display:inline;font-size:inherit;color:inherit} .invintro{margin:0;padding:16px max(26px,calc(100% - 44em)) 2px 26px; font-size:14.5px;line-height:1.84;color:var(--ink-2); background:var(--bg);border-left:1px solid var(--line);border-right:1px solid var(--line); max-width:none} .invintro b{color:var(--ink)} .invintro + .invshot{padding-top:16px} .cinv-more{padding-top:52px} .mvt + .cinv-more{padding-top:46px} .alt:has(+ .mvt){padding-bottom:64px} @media(max-width:620px){ .cinv-more,.mvt + .cinv-more{padding-top:34px} } .invfoot{display:grid;grid-template-columns:19px minmax(0,1fr);gap:6px 11px;margin:26px 0 0;padding:16px 20px; font-size:14.5px;color:var(--ink-2);line-height:1.8; background:var(--brass-bg);border:1px solid var(--brass-line);border-radius:var(--r-lg)} .invfoot .ic{width:19px;height:19px;color:var(--brass);flex:none;margin-top:4px} .invfoot span{grid-column:2;max-width:46em} .invfoot a{grid-column:2;justify-self:start;font-weight:700} .roles{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch} .role{transition:box-shadow .22s var(--ease),transform .22s var(--ease)} .role:hover{transform:translateY(-3px);box-shadow:var(--edge),var(--sh-m)} .role{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-xl); padding:24px 26px 22px;box-shadow:var(--edge),var(--sh-s)} .rhd{display:flex;align-items:center;gap:13px;position:relative; margin:-24px -26px 16px;padding:22px 26px 15px; border-bottom:1px solid var(--line-2);max-width:none} .rwhere{margin-left:auto;flex:none;align-self:flex-start;font-size:11.5px;font-weight:700; letter-spacing:.06em;padding:4px 11px;border-radius:999px;white-space:nowrap; background:var(--bg);border:1px solid var(--line);color:var(--ink-3)} .rwhere.w-line{background:var(--c-ok-bg);border-color:#CFE8DC;color:var(--c-ok-ink)} .role{position:relative;overflow:hidden} .role::before{content:"";position:absolute;left:0;right:0;top:0;height:4px} .r-p1::before{background:var(--p1-solid)} .r-p1 .rhd{background:linear-gradient(180deg,var(--p1-bg),rgba(233,243,247,.2))} .r-p1 li::before{color:var(--p1-solid)} .r-p2::before{background:var(--p2-solid)} .r-p2 .rhd{background:linear-gradient(180deg,var(--p2-bg),rgba(233,235,247,.2))} .r-p2 li::before{color:var(--p2-solid)} .r-p3::before{background:var(--p3-solid)} .r-p3 .rhd{background:linear-gradient(180deg,var(--p3-bg),rgba(245,233,247,.2))} .r-p3 li::before{color:var(--p3-solid)} .r-p4::before{background:var(--p4-solid)} .r-p4 .rhd{background:linear-gradient(180deg,var(--p4-bg),rgba(247,233,238,.2))} .r-p4 li::before{color:var(--p4-solid)} .c-p1{background:var(--p1-bg);color:var(--p1-ink)} .c-p2{background:var(--p2-bg);color:var(--p2-ink)} .c-p3{background:var(--p3-bg);color:var(--p3-ink)} .c-p4{background:var(--p4-bg);color:var(--p4-ink)} .role ul{list-style:none;margin:0;padding:0;display:grid;gap:9px} .role li{position:relative;padding-left:17px;font-size:14.5px;color:var(--ink-2);line-height:1.7} .role li i{display:block;font-style:normal;font-size:13.5px;color:var(--ink-3); line-height:1.76;margin-top:2px} .role li::before{content:"";position:absolute;left:0;top:.62em;width:5px;height:5px;border-radius:50%; background:currentColor} .role li b{color:var(--ink);font-weight:700;letter-spacing:-.004em} .role li.two b{display:block} .r-perm li::before{background:var(--c-perm-solid)} .r-class li::before{background:var(--c-class-solid)} .r-ok li::before{background:var(--c-ok-solid)} .r-point li::before{background:var(--c-point-solid)} .r-shop li::before{background:var(--c-shop-solid)} .r-doc li::before{background:var(--c-doc-solid)} .xmerge{display:grid;grid-template-columns:1fr auto 1fr auto 1.1fr;align-items:stretch; gap:0 12px;margin:22px 0 24px;text-align:left} .xcell{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1); border-radius:var(--r-md);padding:12px 14px 13px;display:flex;flex-direction:column;gap:3px;min-width:0} .xcell.is-sum{background:rgba(159,208,182,.14);border-color:rgba(159,208,182,.34)} .xk{font-size:11.5px;font-weight:700;letter-spacing:.1em;color:#9FD0B6} .xcell b{font-size:13.5px;color:#fff;font-weight:700;line-height:1.5} .xcell em{font-style:normal;font-size:16px;font-weight:700;color:#D8F3E6; letter-spacing:-.01em;font-variant-numeric:tabular-nums} .xcell.is-sum em{font-size:22px;color:#fff} .xplus{display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700; color:var(--deep-txt2);width:22px} .xarrow{display:flex;align-items:center;justify-content:center;font-size:18px; color:var(--deep-txt2);width:22px} @media(max-width:620px){ .xmerge{grid-template-columns:1fr;gap:9px 0} .xplus,.xarrow{width:auto;height:18px} } .toc{position:relative;z-index:2;padding:30px 0 6px} .tochd{margin:0 0 14px;font-size:11.5px;font-weight:700;letter-spacing:.16em;color:var(--ink-3); max-width:none} .tocg{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line-2); border:1px solid var(--line-2);border-radius:var(--r-lg);overflow:hidden} .tocg a{display:flex;flex-direction:column;gap:4px;background:var(--bg-2);padding:14px 16px 15px; text-decoration:none;color:inherit;min-width:0; transition:background .2s var(--ease),box-shadow .2s var(--ease)} .tcn{font-family:var(--fd);font-size:16px;font-weight:700;letter-spacing:.02em;line-height:1} .l-class .tcn{color:var(--brand)} .l-shop .tcn{color:var(--brass)} .tocg b{font-size:13.5px;color:var(--ink);letter-spacing:-.01em;line-height:1.5} .tcd{font-size:11.5px;color:var(--ink-3);line-height:1.6} .tocg a:hover{background:#fff} .l-class .tocg a:hover{box-shadow:inset 0 -3px 0 var(--brand-l)} .l-shop .tocg a:hover{box-shadow:inset 0 -3px 0 var(--brass-l)} .l-class .tocg a:hover .tcn{color:var(--brand)} .l-shop .tocg a:hover .tcn{color:var(--brass)} .tocg a:focus-visible{outline:2px solid var(--brand);outline-offset:-2px} @media(max-width:980px){.tocg{grid-template-columns:repeat(2,1fr)}} @media(max-width:520px){ .tocg{grid-template-columns:1fr} .tocg a{flex-direction:row;align-items:baseline;gap:10px;flex-wrap:wrap;padding:12px 15px} .tcd{width:100%} } .ctapts{list-style:none;margin:30px auto 4px;padding:0;max-width:880px; display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.18); border:1px solid rgba(255,255,255,.16);border-radius:var(--r-lg);overflow:hidden;text-align:left} .ctapts li{background:rgba(0,0,0,.16);padding:16px 18px 17px;display:flex; flex-direction:column;gap:5px;min-width:0} .ctapts b{font-size:14.5px;color:#fff;font-weight:700;letter-spacing:-.01em} .ctapts span{font-size:12.5px;color:#E6F5EE;line-height:1.7} .cbtn-2{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3);box-shadow:none} .cbtn-2 small{color:#E4F4EC} .cbtn-2:hover{background:rgba(255,255,255,.1);box-shadow:none} @media(max-width:780px){.ctapts{grid-template-columns:1fr}} footer .wrap{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr); gap:4px 56px;align-items:start} footer .wrap > p:nth-of-type(1){grid-column:1;grid-row:1} footer .wrap > p:nth-of-type(2){grid-column:1;grid-row:2} footer .wrap > p:nth-of-type(3){grid-column:2;grid-row:1;margin:2px 0 0} footer .wrap > p:nth-of-type(4){grid-column:2;grid-row:2;max-width:44em} @media(max-width:780px){ footer .wrap{grid-template-columns:minmax(0,1fr)} footer .wrap > p{grid-column:1;grid-row:auto} footer .wrap > p:nth-of-type(3){margin:14px 0 0} } .startwrap{display:grid;grid-template-columns:minmax(0,1fr) 352px;gap:0 48px;align-items:start} .startwrap .readybox{position:sticky;top:96px;margin:0} .startflow li > div > b:first-child{display:inline-block;vertical-align:middle} .stwho{display:inline-flex;vertical-align:middle;align-items:center;margin-left:11px;font-size:11.5px;font-weight:700; letter-spacing:.08em;padding:3px 10px;border-radius:999px;transform:translateY(-2px); background:var(--bg);border:1px solid var(--line);color:var(--ink-3)} .stwho.w-us{background:var(--brand-bg);border-color:#C6DACE;color:var(--brand)} .stwho.w-you{background:var(--p2-bg);border-color:#C9CDEC;color:var(--p2-ink)} .startflow li.now .stwho{background:var(--brass-bg);border-color:var(--brass-line);color:var(--brass)} .startflow li.now .stwho.w-you{background:var(--p2-bg);border-color:#C9CDEC;color:var(--p2-ink)} @media(max-width:980px){ .startwrap{grid-template-columns:minmax(0,1fr);gap:28px 0} .startwrap .readybox{position:static} } .pcols{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:16px 0 0; border:1px solid var(--line-2);border-radius:var(--r-lg);overflow:hidden;background:var(--line-2)} .pcols > div{background:var(--bg-2);padding:15px 18px 16px} .pcols > div.is-rec{background:var(--brand-bg2)} .pck2{margin:0 0 6px;font-size:13.5px;font-weight:700;color:var(--ink);max-width:none; display:flex;align-items:baseline;gap:9px;flex-wrap:wrap} .pcols .is-rec .pck2{color:var(--brand-d)} .pck2 span{font-size:11.5px;font-weight:700;letter-spacing:.06em;color:var(--brand-d); background:var(--brand-bg);border:1px solid #CFE3D8;border-radius:999px;padding:2px 9px} .pcols p:last-child{margin:0;font-size:12.5px;color:var(--ink-3);line-height:1.75;max-width:none} .pcols b{color:var(--ink-2)} @media(max-width:780px){.pcols{grid-template-columns:1fr}} .vtwrap{overflow-x:auto;border-radius:var(--r-lg)} @media(max-width:860px){ .invlist{grid-template-columns:1fr;padding:6px 20px 12px} .invlist li:nth-child(2){border-top:1px solid var(--line-3)} .invlist a{grid-template-columns:minmax(0,1fr);gap:0;padding-right:0} .invlist a::before{grid-row:auto;display:block;margin-bottom:3px;padding-top:0} .roles{grid-template-columns:1fr} } @media(max-width:620px){ .invfoot{flex-direction:column;gap:6px} .invfoot a{white-space:normal} .role{padding:20px 20px 18px} } .invshot{background:var(--bg);border-left:1px solid var(--line);border-right:1px solid var(--line); padding:22px 24px 18px} .invshot .mock{box-shadow:var(--edge),var(--sh-s)} .shotcap{margin:20px 0 0;font-size:14.5px;color:var(--ink-2);line-height:1.8;max-width:46em; padding-left:15px;position:relative} .shotcap::before{content:"";position:absolute;left:0;top:.72em;width:7px;height:2px; border-radius:999px;background:var(--line)} .shotcap b{color:var(--ink)} .mvrow{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin:0 0 18px} .mv{background:linear-gradient(180deg,var(--bg-2),var(--bg));border:1px solid var(--line-2); border-radius:var(--r-md);padding:12px 16px;box-shadow:var(--edge),0 1px 2px rgba(24,34,28,.05)} .mv.is-new{background:linear-gradient(180deg,#FDF9F0,var(--brass-bg));border-color:#EADFC4; box-shadow:var(--edge),0 1px 2px rgba(138,107,46,.10),0 6px 16px -10px rgba(138,107,46,.5)} .mvk{display:block;font-size:11.5px;font-weight:700;letter-spacing:.1em;color:var(--ink-3);margin-bottom:3px} .mv b{display:block;font-family:var(--fd);font-size:22px;line-height:1.3; letter-spacing:.01em;font-variant-numeric:tabular-nums;margin:1px 0 2px} .mv.is-new b{color:var(--brass)} .mv span:last-child{display:block;font-size:12.5px;color:var(--ink-3);margin-top:2px} .mvar{width:44px;height:20px} .chkhd{margin:0 0 10px;font-size:11.5px;font-weight:700;color:var(--ink-3);letter-spacing:.16em} .chks{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:8px} .chks li{display:flex;gap:10px;align-items:flex-start;padding:11px 14px 11px 13px;border-radius:var(--r-md); font-size:13.5px;line-height:1.7} .chks li .ic{width:17px;height:17px;flex:none;margin-top:3px;stroke-width:2.6} .chks li b{display:block;font-size:16px;margin-bottom:2px;letter-spacing:-.01em} .chks .ok{background:var(--ok-bg);border:0;color:var(--ink-2); box-shadow:inset 3px 0 0 var(--ok),inset 0 1px 0 rgba(255,255,255,.6),0 1px 2px rgba(24,34,28,.05)} .chks .ok .ic,.chks .ok b{color:var(--ok)} .chks .bad{background:var(--red-bg);border:0;color:var(--ink-2); box-shadow:inset 3px 0 0 var(--red),inset 0 1px 0 rgba(255,255,255,.6),0 1px 2px rgba(24,34,28,.05)} .chks .bad .ic,.chks .bad b{color:var(--red)} .chkout{display:flex;gap:12px;align-items:flex-start;margin:0;max-width:none;padding:15px 17px 15px 16px;border-radius:var(--r-md); background:linear-gradient(180deg,#FDF8EE,var(--brass-bg));border:0;font-size:13.5px;line-height:1.76; box-shadow:inset 3px 0 0 var(--brass-solid),inset 0 1px 0 rgba(255,255,255,.7), 0 1px 2px rgba(24,34,28,.05),0 8px 20px -14px rgba(138,107,46,.55)} .chkout .ic{width:18px;height:18px;flex:none;margin-top:3px;color:var(--brass)} .chkout b{color:var(--brass);font-size:16px;letter-spacing:-.01em;line-height:1.6} .chkout span{max-width:44em} .chkout em{display:block;font-style:normal;color:var(--ink-3);margin-top:2px;font-size:12.5px} .rcwrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:22px} .rc{list-style:none;margin:0;padding:0} .rc li{display:flex;align-items:center;gap:10px;padding:10px 2px;border-bottom:1px solid var(--line-3); font-size:13.5px;flex-wrap:wrap} .rc li:last-child{border-bottom:0} .rc b{flex:1;font-weight:500;color:var(--ink)} .rc em{flex-basis:100%;font-style:normal;font-size:12.5px;color:var(--brass);margin-top:2px} .rcside{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-md);padding:14px 16px} .rch{display:flex;align-items:center;gap:8px;margin:0 0 11px;font-size:12.5px;font-weight:700;color:var(--ok)} .rch .ic{width:16px;height:16px;stroke-width:2.6} .rcdl{margin:0} .rcdl>div{display:grid;grid-template-columns:4.6em 1fr;gap:10px;padding:7px 0;border-top:1px solid var(--line-2)} .rcdl>div:first-child{border-top:0;padding-top:0} .rcdl dt{font-size:12.5px;font-weight:700;color:var(--ink-3)} .rcdl dd{margin:0;font-size:13.5px;color:var(--ink-2);line-height:1.7} .rcdl dd b{color:var(--ink)} .phones{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch} .phone{border:1px solid var(--line-2);border-radius:var(--r-xl);overflow:hidden;background:var(--bg-2); box-shadow:var(--edge),var(--sh-m);display:flex;flex-direction:column} .pbar{height:22px;background:var(--bg);display:flex;align-items:center;justify-content:center; border-bottom:1px solid var(--line-3)} .pnotch{width:52px;height:6px;border-radius:999px;background:var(--line)} .phd{display:flex;align-items:center;gap:8px;padding:10px 14px;font-size:12.5px;font-weight:700; color:#06210E;background:linear-gradient(135deg,#06C755,#04A445)} .phd .ic{width:16px;height:16px} .pwho{margin-left:auto;flex:none;display:inline-flex;align-items:center;gap:5px; font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:999px; background:rgba(255,255,255,.88)} .p-t .pwho{color:var(--p1-ink)} .p-p .pwho{color:var(--p4-ink)} .pwho::before{content:"";width:7px;height:7px;border-radius:50%} .p-t .pwho::before{background:var(--p1-solid)} .p-p .pwho::before{background:var(--p4-solid)} .pbody{padding:14px 15px 4px;flex:1} .pttl{margin:0 0 4px;font-size:11.5px;font-weight:700;letter-spacing:.14em;color:var(--ink-3)} .plead{display:block;font-family:var(--fd);font-size:28px;line-height:1.25;font-weight:700; letter-spacing:.01em;margin:0 0 3px;font-variant-numeric:tabular-nums} .p-t .plead{color:var(--p1-ink)} .p-p .plead{color:var(--p4-ink)} .pleads{display:block;font-size:12.5px;color:var(--ink-3);margin:0 0 12px;line-height:1.7} .prow{display:flex;align-items:baseline;gap:10px;padding:8px 0;border-top:1px solid var(--line-3);font-size:13.5px} .prow span{flex:1;color:var(--ink-3)} .prow b{color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums} .prow b.num{font-family:var(--fd);font-size:18px;letter-spacing:.01em} .p-t .prow b.num{color:var(--p1-ink)} .p-p .prow b.num{color:var(--p4-ink)} .pfoot{margin:0;padding:11px 15px 13px;font-size:12.5px;color:var(--ink-3);line-height:1.7; border-top:1px solid var(--line-3);background:var(--bg)} @media(max-width:620px){.phones{grid-template-columns:1fr}} @media(max-width:860px){ .invshot{padding:16px 14px 14px} .mvrow{grid-template-columns:1fr;gap:8px} .mvar{transform:rotate(90deg);justify-self:center} .rcwrap{grid-template-columns:1fr;gap:16px} .phones{grid-template-columns:1fr} } .poswrap{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:22px} .poshd,.payhd{display:flex;align-items:center;gap:8px;margin:0 0 11px;font-size:12.5px;font-weight:700; color:var(--ink-3);letter-spacing:.03em} .payhd .ic{width:16px;height:16px;color:var(--brass)} .cart{list-style:none;margin:0;padding:0} .cart li{display:grid;grid-template-columns:1fr auto auto;align-items:baseline;gap:4px 12px; padding:10px 2px;border-bottom:1px solid var(--line-3)} .cart b{grid-column:1;font-size:14.5px;font-weight:500} .cart span{grid-column:1;grid-row:2;font-size:12.5px;color:var(--ink-3)} .cart em{font-style:normal;font-size:13.5px;color:var(--ink-3)} .cart i{font-style:normal;font-size:16px;font-weight:700;min-width:4em;text-align:right} .cart .gift{grid-column:2/-1;grid-row:2;justify-self:end;font-size:11.5px;font-weight:700; color:var(--brass);background:var(--brass-bg);border:1px solid var(--brass-line); border-radius:999px;padding:2px 9px} .cartsum{display:flex;align-items:baseline;justify-content:space-between;margin:12px 0 0;padding-top:12px; border-top:1px solid var(--line)} .cartsum span{font-size:13.5px;color:var(--ink-3)} .cartsum b{font-family:var(--fd);font-size:22px;letter-spacing:.01em;font-variant-numeric:tabular-nums} .pay{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-md);padding:15px 17px} .paylist{list-style:none;margin:0;padding:0} .paylist li{display:flex;justify-content:space-between;align-items:baseline;padding:6px 0; border-top:1px solid var(--line-2);font-size:13.5px} .paylist li:first-child{border-top:0} .paylist b{font-size:16px;font-weight:700} .paysum{display:flex;align-items:baseline;gap:10px;margin:10px 0 0;padding-top:11px;border-top:1px solid var(--line)} .paysum span{font-size:13.5px;color:var(--ink-3)} .paysum b{font-family:var(--fd);font-size:18px;color:var(--ok);margin-left:auto; letter-spacing:.01em;font-variant-numeric:tabular-nums} .paysum em{font-style:normal;font-size:12.5px;color:var(--ink-3)} .paynote{margin:11px 0 0;font-size:12.5px;color:var(--ink-3);line-height:1.74} .paynote b{color:var(--ink-2)} .dftab{width:100%;border-collapse:separate;border-spacing:0;margin:0 0 14px} @media(max-width:620px){ .dftab{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch; white-space:nowrap;min-width:0} .dftab thead,.dftab tbody,.dftab tr{display:table;width:100%;min-width:330px; table-layout:fixed} } .dftab th,.dftab td{padding:10px 12px;border-bottom:1px solid var(--line-3);text-align:right} .dftab th{font-size:13.5px} .dftab td{font-family:var(--fd);font-size:16px;font-variant-numeric:tabular-nums;letter-spacing:.01em} .dftab thead th{font-size:12.5px;color:var(--ink-2);font-weight:700;padding-top:8px;padding-bottom:9px; letter-spacing:.06em;border-bottom:1px solid var(--line);background:var(--line-2)} .dftab thead th:first-child{border-top-left-radius:var(--r-xs);border-bottom-left-radius:0} .dftab thead th:last-child{border-top-right-radius:var(--r-xs);border-bottom-right-radius:0} .dftab thead th:first-child,.dftab tbody th{text-align:left} .dftab tbody th{font-weight:500} .dftab tbody tr{transition:background .16s} .dftab tbody tr:hover{background:rgba(0,0,0,.015)} .dftab tbody th b{display:block;font-weight:500} .dftab tbody th span{display:block;font-size:12.5px;color:var(--ink-3);margin-top:0} .dftab tbody tr:last-child th,.dftab tbody tr:last-child td{border-bottom:0} .d-zero{color:var(--ink-3);opacity:.62} .d-minus{color:var(--red);font-weight:700} .d-plus{color:var(--ok);font-weight:700} @media(max-width:620px){ } @media(max-width:860px){ .poswrap{grid-template-columns:1fr;gap:16px} .dftab th,.dftab td{padding:9px 6px;font-size:13.5px} } .vlwrap{border-radius:var(--r-xl)} .vlyr{position:relative;border-radius:var(--r-xl);padding:20px 22px 20px 26px;overflow:hidden} .vlstep{position:absolute;left:0;top:0;bottom:0;width:4px} .vl3 .vlstep{opacity:1} .vl2 .vlstep{opacity:.72} .vl1 .vlstep{opacity:.44} .l-class .vlstep{background:var(--brand)} .l-shop .vlstep{background:var(--brass-solid)} .vlk{font-size:11.5px;font-weight:700;letter-spacing:.12em;color:var(--ink-2); margin-left:auto;flex:none;padding:3px 10px;border-radius:999px; background:rgba(255,255,255,.72);border:1px solid var(--line-2)} .vlhd{display:flex;align-items:baseline;gap:12px;margin:0 0 12px;flex-wrap:wrap;max-width:none} .vlhd b{font-family:var(--fd);font-size:22px;font-weight:700;letter-spacing:.01em} .vlhd em{font-style:normal;font-size:13.5px;color:var(--ink-2)} .vlchips{display:flex;flex-wrap:wrap;gap:8px} .vlchips span{font-size:13.5px;padding:6px 13px;border-radius:999px;background:var(--bg-2); border:1px solid var(--line);color:var(--ink-2);box-shadow:var(--edge)} .vlin{margin-top:16px} .l-class.vlwrap .vl3{background:#EDF4EF;border:1px solid #CDDFD5} .l-class.vlwrap .vl2{background:#DCEAE2;border:1px solid #BBD2C5} .l-class.vlwrap .vl1{background:var(--bg-2);border:1px solid var(--line)} .l-class .vlhd b{color:var(--brand)} .l-shop.vlwrap .vl3{background:#F9F1E2;border:1px solid #E6D4AF} .l-shop.vlwrap .vl2{background:#F1E3C8;border:1px solid #DCC595} .l-shop.vlwrap .vl1{background:var(--bg-2);border:1px solid var(--line)} .l-shop .vlhd b{color:var(--brass)} .vl1 .vlchips span{background:var(--bg)} .l-class .vl3 .vlchips span{background:#fff;border-color:#CDDFD5;color:var(--c-class-ink)} .l-class .vl2 .vlchips span{background:#fff;border-color:#BBD2C5;color:var(--c-class-ink)} .l-shop .vl3 .vlchips span{background:#fff;border-color:#E6D4AF;color:var(--c-shop-ink)} .l-shop .vl2 .vlchips span{background:#fff;border-color:#DCC595;color:var(--c-shop-ink)} @media(max-width:620px){ .vlyr{padding:16px 15px} .vlhd b{font-size:18px} .vlchips span{font-size:12.5px;padding:5px 11px} } .goals{list-style:none;margin:0 0 14px;padding:0} .goals li{display:grid;grid-template-columns:7.5em 7em 1fr auto auto;align-items:center;gap:14px; padding:11px 2px;border-bottom:1px solid var(--line-3)} .goals li:last-child{border-bottom:0} .gn{font-size:14.5px;font-weight:700} .gt{font-size:12.5px;color:var(--ink-3)} .gbar{height:10px;border-radius:999px;background:var(--line-2);overflow:hidden;min-width:60px} .gbar i{display:block;height:100%;border-radius:999px} .g-ok .gbar i{background:linear-gradient(90deg,#3E7A5A,var(--ok-solid))} .g-mid .gbar i{background:linear-gradient(90deg,#D9B571,var(--brass-solid))} .g-low .gbar i{background:linear-gradient(90deg,#D98C7A,var(--red-solid))} .gv{text-align:right;white-space:nowrap} .gv b{font-size:16px;letter-spacing:-.02em} .gv em{display:block;font-style:normal;font-size:12.5px;margin-top:1px} .g-ok .gv em{color:var(--ok)} .g-mid .gv em{color:var(--brass)} .g-low .gv em{color:var(--red)} .gleft{text-align:right;white-space:nowrap;font-size:12.5px;color:var(--ink-3); min-width:7.5em;padding-left:4px;border-left:1px solid var(--line-3)} .gleft b{display:block;font-family:var(--fd);font-size:16px;letter-spacing:.01em; font-variant-numeric:tabular-nums;margin-top:1px} .g-ok .gleft b{color:var(--ok)} .g-mid .gleft b{color:var(--brass)} .g-low .gleft b{color:var(--red)} .iqlist{list-style:none;margin:0 0 14px;padding:0} .iqlist li{display:grid;grid-template-columns:7em 1fr auto auto;align-items:center;gap:6px 14px; padding:10px 2px;border-bottom:1px solid var(--line-3)} .iqlist li:last-child{border-bottom:0} .iqw{font-size:14.5px;font-weight:700} .iqi{font-size:13.5px;color:var(--ink-2)} .iqt{font-size:12.5px;color:var(--ink-3);white-space:nowrap} @media(max-width:860px){ .goals li{grid-template-columns:1fr auto;gap:6px 12px} .gleft{grid-column:1/-1;text-align:left;border-left:0;padding-left:0;min-width:0; display:flex;align-items:baseline;gap:6px} .gleft b{display:inline;margin:0} .goals .gbar{grid-column:1/-1;order:3} .iqlist li{grid-template-columns:1fr auto} .iqi{grid-column:1/-1;order:3} } .rgrid{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed} .rgrid th,.rgrid td{padding:5px;border-bottom:1px solid var(--line-3);vertical-align:top} .rgrid thead th{font-size:12.5px;color:var(--ink-3);font-weight:700;text-align:center;padding-bottom:7px; border-bottom:1px solid var(--line)} .rgrid thead th:first-child,.rgrid tbody th{text-align:left;width:8.2em;font-size:13.5px;font-weight:700; color:var(--ink-2);padding-top:14px} .rgrid tbody tr:last-child th,.rgrid tbody tr:last-child td{border-bottom:0} .rgrid tbody th em{display:block;font-style:normal;font-size:11.5px;font-weight:400; color:var(--ink-3);margin-top:2px;letter-spacing:0} .rgrid tbody td{border-left:1px solid var(--line-3)} .rgrid thead th + th{border-left:1px solid var(--line-3)} .rcell{display:flex;flex-direction:column;padding:8px 10px 8px 12px;border-radius:var(--r-md);min-height:54px; position:relative;background:var(--bg-2);border:1px solid rgba(24,34,28,.06); box-shadow:inset 3px 0 0 var(--ink-3),inset 0 1px 0 rgba(255,255,255,.65), 0 1px 2px rgba(24,34,28,.05);transition:box-shadow .2s var(--ease)} .rcell.t-a{background:var(--p1-bg);border-color:rgba(43,84,126,.14);box-shadow:inset 3px 0 0 var(--p1-solid),inset 0 1px 0 rgba(255,255,255,.55),0 1px 2px rgba(24,34,28,.05)} .rcell.t-b{background:var(--p4-bg);border-color:rgba(126,42,76,.14);box-shadow:inset 3px 0 0 var(--p4-solid),inset 0 1px 0 rgba(255,255,255,.55),0 1px 2px rgba(24,34,28,.05)} .rcell.t-c{background:var(--p3-bg);border-color:rgba(118,42,126,.14);box-shadow:inset 3px 0 0 var(--p3-solid),inset 0 1px 0 rgba(255,255,255,.55),0 1px 2px rgba(24,34,28,.05)} .rcell.t-a b{color:var(--p1-ink)} .rcell.t-b b{color:var(--p4-ink)} .rcell.t-c b{color:var(--p3-ink)} .rcell.is-sub{background-image:repeating-linear-gradient(135deg, rgba(60,60,80,.055) 0 6px,transparent 6px 12px)} .rtag{align-self:flex-end;margin-top:auto;padding-top:0;font-style:normal;text-decoration:none; font-size:11.5px;font-weight:700;line-height:1;padding:3px 7px;border-radius:var(--r-sm); letter-spacing:.02em;margin-right:-3px;margin-bottom:-1px} .rtag.grp{background:var(--p4-solid);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(126,42,76,.3)} .rtag.sub{background:var(--c-money-solid);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(142,90,18,.3)} .rlegend{display:flex;flex-wrap:wrap;gap:6px 14px;margin:9px 0 0 12px;max-width:none} .rlegend span{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--ink-3)} .rlegend span::before{content:"";width:10px;height:10px;border-radius:var(--r-xs);flex:none} .rlegend .t-a::before{background:var(--p1-solid)} .rlegend .t-b::before{background:var(--p4-solid)} .rlegend .t-c::before{background:var(--p3-solid)} .rlegend .lg-free::before{background:var(--bg);border:1px dashed var(--line)} .rcell b{display:block;font-size:13.5px;font-weight:500;color:var(--ink);line-height:1.5} .rcell i{display:block;font-style:normal;font-size:11.5px;color:var(--ink-3);margin-top:2px} .rfree span{display:flex;align-items:center;justify-content:center;padding:8px 10px; border-radius:var(--r-md);min-height:54px;border:1px solid var(--ok-line); color:var(--ok);font-size:11.5px;font-weight:600;letter-spacing:.04em; background:linear-gradient(180deg,rgba(234,246,240,.75),rgba(234,246,240,.35))} .stuwrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:22px;margin:0 0 14px} .stukpi{list-style:none;margin:0;padding:0;display:grid;gap:10px} .stukpi li{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-md);padding:13px 15px} .stukpi span{display:block;font-size:12.5px;color:var(--ink-3)} .stukpi b{display:inline-block;font-family:var(--fd);font-size:28px;line-height:1.1;margin-top:2px; letter-spacing:-.01em} .stukpi em{font-style:normal;font-size:12.5px;color:var(--ink-3);margin-left:7px} .k-warn b{color:var(--brass)} .k-txt b{font-family:var(--f);font-size:18px;font-weight:700;letter-spacing:-.01em} .stutl{list-style:none;margin:0;padding:0;position:relative} .stutl::before{content:"";position:absolute;left:5px;top:12px;bottom:12px;width:2px;background:var(--line)} .stutl li{position:relative;padding:0 0 14px 24px;font-size:13.5px} .stutl li:last-child{padding-bottom:0} .stutl li::before{content:"";position:absolute;left:0;top:6px;width:12px;height:12px;border-radius:50%; background:var(--bg-2);border:2px solid var(--line)} .t-in::before{border-color:var(--ok)!important} .t-lv::before{border-color:var(--brass)!important} .t-mk::before{border-color:var(--brand-l)!important} .stutl .td{color:var(--ink-3);font-size:12.5px;margin-right:9px} .stutl b{font-weight:700} .t-in b{color:var(--ok)} .t-lv b{color:var(--brass)} .t-mk b{color:var(--brand)} .stutl i{display:block;font-style:normal;color:var(--ink-3);font-size:12.5px;margin-top:2px} @media(max-width:860px){ .rgrid{table-layout:auto} .rgrid thead th:first-child,.rgrid tbody th{width:auto} .stuwrap{grid-template-columns:1fr;gap:16px} } .pylist{list-style:none;margin:0 0 14px;padding:0} .pylist li{display:grid;grid-template-columns:minmax(0,8.5em) auto minmax(0,8.5em) 1fr;align-items:center; gap:6px 14px;padding:11px 2px 11px 13px;border-bottom:1px solid var(--line-3); position:relative;transition:background .16s} .pylist li::before{content:"";position:absolute;left:0;top:50%;width:3px;height:16px;margin-top:-8px; border-radius:999px;background:var(--line);transition:background .16s,height .16s} .pylist li:hover{background:rgba(0,0,0,.013)} .pylist li:hover::before{background:var(--brand-l);height:24px;margin-top:-12px} .pylist li:last-child{border-bottom:0} .pyn{font-size:14.5px;font-weight:500} .pym{font-size:12.5px;font-weight:700;padding:3px 11px;border-radius:999px;white-space:nowrap} .m-a{color:var(--brand);background:var(--brand-bg);border:1px solid #CFE0D6} .m-b{color:var(--brass);background:var(--brass-bg);border:1px solid var(--brass-line)} .m-c{color:var(--ok);background:var(--ok-bg);border:1px solid var(--ok-line)} .pyr{font-family:var(--fd);font-size:16px;font-weight:700;font-variant-numeric:tabular-nums} .pyd{font-size:12.5px;color:var(--ink-3);line-height:1.7} .annwrap{margin:0 0 14px} .annbar{display:flex;height:36px;border-radius:var(--r-md);overflow:hidden;margin:0 0 14px; border:0;box-shadow:inset 0 1px 3px rgba(24,34,28,.10),0 1px 0 rgba(255,255,255,.7)} .annbar span{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12.5px;font-weight:700} .ab-ok{background:linear-gradient(180deg,#EFF9F4,var(--ok-bg));color:var(--ok);box-shadow:inset 0 1px 0 rgba(255,255,255,.75)} .ab-no{background:linear-gradient(180deg,#FEF3F3,var(--red-bg));color:var(--red);box-shadow:inset 0 1px 0 rgba(255,255,255,.7)} .annbar b{font-family:var(--fd);font-size:18px;line-height:1} .annlist{list-style:none;margin:0;padding:0} .annlist li{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px; padding:10px 2px;border-bottom:1px solid var(--line-3);font-size:14.5px} .annlist li:last-child{border-bottom:0} .anncap{display:flex;flex-wrap:wrap;gap:4px 14px;margin:-8px 0 12px;font-size:12.5px; color:var(--ink-3);max-width:none} .anncap b{color:var(--ink-2);font-variant-numeric:tabular-nums} .anncap-r{margin-left:auto} .anncap-r b{font-family:var(--fd);font-size:16px;color:var(--ok);letter-spacing:.01em} .annmore{background:var(--bg);border-radius:var(--r-sm);padding:9px 10px!important; margin-top:4px;border-bottom:0!important} .annmore .ann{color:var(--ink-3);font-size:13.5px} .annmore .annt{color:var(--ink-3)} .annt{font-size:12.5px;color:var(--ink-3);min-width:7em;text-align:right} .tdlist{list-style:none;margin:0 0 14px;padding:0} .tdlist li{display:grid;grid-template-columns:minmax(0,7.5em) 1fr auto auto;align-items:center; gap:6px 14px;padding:10px 2px;border-bottom:1px solid var(--line-3)} .tdlist li:last-child{border-bottom:0} .tdw{font-size:14.5px;font-weight:700} .tdx{font-size:13.5px;color:var(--ink-2)} .tdt{font-size:12.5px;color:var(--ink-3);white-space:nowrap} @media(max-width:860px){ .pylist li{grid-template-columns:1fr auto} .pyr{grid-column:1} .pyd{grid-column:1/-1;order:4} .annlist li{grid-template-columns:1fr auto} .annt{grid-column:1/-1;text-align:left;min-width:0} .tdlist li{grid-template-columns:1fr auto} .tdx{grid-column:1/-1;order:3} .tdt{grid-column:1;order:4} } .specgrid td{text-align:center} .mx{display:block;padding:11px 8px;border-radius:var(--r-md); background:linear-gradient(180deg,var(--bg-2),var(--bg)); border:1px solid rgba(24,34,28,.07);font-size:18px;font-weight:700;letter-spacing:-.02em; font-variant-numeric:tabular-nums; box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 1px 2px rgba(24,34,28,.05)} .mx.low{background:linear-gradient(180deg,#FDF8EE,var(--brass-bg));border-color:rgba(138,107,46,.2); color:var(--brass);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 1px 2px rgba(24,34,28,.05)} .mx.zero{background:linear-gradient(180deg,#FEF4F4,var(--red-bg));border-color:rgba(191,61,61,.2); color:var(--red);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 1px 2px rgba(24,34,28,.05)} .mx.tot{background:transparent;border-color:transparent;color:var(--ink-3);box-shadow:none} .specgrid thead th{text-align:center} .specgrid thead th:first-child{text-align:left} .specgrid thead th,.specgrid tbody th{white-space:nowrap} .logtab th,.logtab td{text-align:left} .logtab thead th:nth-child(3),.logtab tbody td:nth-child(3){text-align:right} .odhd{display:grid;grid-template-columns:minmax(0,8em) 1fr auto minmax(0,9.5em);gap:14px;margin:0 0 4px; font-size:12.5px;color:var(--ink-3);font-weight:700;max-width:none} .odph{letter-spacing:.02em} .odlist{list-style:none;margin:0 0 14px;padding:0} .odlist li{display:grid;grid-template-columns:minmax(0,8em) 1fr auto minmax(0,9.5em);gap:6px 14px; align-items:center;padding:10px 2px;border-bottom:1px solid var(--line-3)} .odlist li:last-child{border-bottom:0} .odn{font-size:14.5px;font-weight:700} .odi{font-size:13.5px;color:var(--ink-2)} .odp{display:grid;grid-template-columns:repeat(4,28px);gap:9px;position:relative;align-items:center} .odp i{justify-self:center} .odp::before{content:"";position:absolute;left:14px;right:14px;top:50%;height:2px; margin-top:-1px;background:var(--line-2);border-radius:999px} .odp i{width:13px;height:13px;border-radius:50%;background:var(--bg);display:block; position:relative;box-shadow:0 0 0 2px var(--bg-2),inset 0 0 0 1.5px var(--line)} .odp i.on{background:var(--brass-solid);box-shadow:0 0 0 2px var(--bg-2), inset 0 0 0 1.5px var(--brass-solid),0 1px 2px rgba(138,107,46,.35)} .odp i.on:last-child{box-shadow:0 0 0 2px var(--bg-2),inset 0 0 0 1.5px var(--brass-solid), 0 0 0 5px var(--brass-bg)} .ods{font-size:12.5px;color:var(--ink-3);text-align:right} .trflow{list-style:none;margin:0 0 14px;padding:0;position:relative} .trflow::before{content:"";position:absolute;left:15px;top:16px;bottom:16px;width:2px;background:var(--line)} .trflow li{position:relative;padding:0 0 18px 44px} .trflow li:last-child{padding-bottom:0} .trn{position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;display:flex; align-items:center;justify-content:center;font-size:13.5px;font-weight:700; background:var(--bg-2);border:2px solid var(--line);color:var(--ink-3)} .trflow .done .trn{background:var(--ok-solid);border-color:var(--ok-solid);color:#fff; box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 2px 5px rgba(31,122,82,.3)} .trflow .now .trn{background:var(--brass-solid);border-color:var(--brass-solid);color:#fff; box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 2px 5px rgba(138,107,46,.3)} .trflow b{font-size:16px;letter-spacing:-.01em} .trflow em{font-style:normal;font-size:12.5px;color:var(--ink-3);margin-left:10px} .trflow i{display:block;font-style:normal;font-size:13.5px;color:var(--ink-2);margin-top:4px;line-height:1.72} @media(max-width:860px){ .odhd{display:none} .odlist li{grid-template-columns:1fr auto} .odi{grid-column:1/-1;order:3} .odp{grid-column:1;order:4} .ods{order:5;text-align:left} .mx{font-size:16px;padding:9px 5px} } .navcmp{display:grid;grid-template-columns:repeat(3,1fr);gap:14px} .navcol{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-lg);padding:14px 15px 12px} .navcol.is-best{background:var(--brand-bg2);border-color:#CFE0D6} .nch{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin:0 0 11px;padding-bottom:10px; border-bottom:1px solid var(--line-2);max-width:none} .nch b{font-size:14.5px;letter-spacing:-.01em} .nch em{font-style:normal;font-size:12.5px;color:var(--ink-3)} .ncb{margin-left:auto;font-size:11.5px;font-weight:700;color:#fff;background:var(--brand); border-radius:999px;padding:2px 9px} .navlist{list-style:none;margin:0;padding:0;display:grid;gap:2px} .navlist li{font-size:12.5px;padding:4px 9px;border-radius:var(--r-sm);line-height:1.45} .navlist .on{color:var(--ink-2);background:var(--bg-2);border:1px solid var(--line-2)} .navlist .on.nc{border-left:3px solid var(--brand-l)} .navlist .on.ns{border-left:3px solid var(--brass-l)} .navlist .off{color:var(--ink-3);border:1px dashed var(--line-2);text-decoration:line-through; text-decoration-color:var(--line);background:var(--bg)} .ncf{margin:11px 0 0;padding-top:10px;border-top:1px solid var(--line-2);font-size:12.5px; color:var(--ink-3);max-width:none} .ncf b{font-family:var(--fd);font-size:18px;color:var(--ink);margin:0 2px} .navmock .chkout{margin-top:14px} @media(max-width:860px){ .navcmp{grid-template-columns:1fr;gap:12px} .navlist{grid-template-columns:1fr 1fr;gap:2px 8px} } .ledgerflow{max-width:760px;margin:30px auto 0;text-align:center} .lf-in{display:grid;grid-template-columns:1fr 1fr;gap:16px} .lf-src{padding:15px 17px;border-radius:var(--r-lg);text-align:left; background:linear-gradient(170deg,rgba(255,255,255,.07),rgba(255,255,255,.025)); border:1px solid rgba(255,255,255,.12)} .lf-k{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.12em; padding:3px 10px;border-radius:999px;margin:0 0 7px} .lf-c .lf-k{color:#BFE0CE;background:rgba(62,122,90,.3);border:1px solid rgba(111,169,138,.34)} .lf-s .lf-k{color:#EFD6A6;background:rgba(201,169,97,.22);border:1px solid rgba(217,181,113,.34)} .lf-src b{display:block;font-size:16px;color:#fff;letter-spacing:-.01em} .lf-src em{display:block;font-style:normal;font-size:12.5px;color:#A8BFB2;margin-top:3px} .lf-arrows{display:block;width:100%;height:54px} .lf-step{padding:15px 18px;border-radius:var(--r-lg);text-align:left; background:rgba(201,169,97,.13);border:1px solid rgba(217,181,113,.34)} .lf-when{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.1em;color:#0E1A14; background:var(--brass-l);border-radius:999px;padding:3px 11px;margin:0 0 7px} .lf-step>b{display:block;font-size:18px;color:#fff;letter-spacing:-.012em} .lf-step em{display:block;font-style:normal;font-size:13.5px;color:#C3D4C8;margin-top:5px;line-height:1.76} .lf-step em b{color:var(--brass-l)} .lf-arrow2{width:3px;height:26px;margin:0 auto;border-radius:999px; background:linear-gradient(180deg,var(--brass-l),rgba(217,181,113,.2))} .lf-end{padding:18px 20px;border-radius:var(--r-lg);text-align:left; background:linear-gradient(170deg,rgba(201,169,97,.16),rgba(36,79,57,.2)); border:1px solid rgba(217,181,113,.3)} .lf-end>b{display:block;font-family:var(--fd);font-size:22px;color:#fff;letter-spacing:.01em} .lf-end>span{display:block;font-size:12.5px;color:#A8BFB2;margin-top:4px} .lf-end p{margin:9px 0 0;font-size:13.5px;color:#C3D4C8;line-height:1.76;max-width:none} .lf-end p b{color:#fff} @media(max-width:620px){ .lf-in{grid-template-columns:1fr;gap:10px} .lf-arrows{height:34px} .lf-end>b{font-size:18px} } .shape{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-xl); padding:22px 26px 20px;margin:0 0 34px;box-shadow:var(--edge),var(--sh-s)} .shapehd{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:0 0 14px;max-width:none} .shapehd b{font-family:var(--fd);font-size:22px;letter-spacing:.01em} .shapehd span{font-size:12.5px;color:var(--ink-3)} .shapelist{list-style:none;margin:0;padding:0} .shapelist li{border-bottom:1px solid var(--line-3)} .shapelist li:last-child{border-bottom:0} .shapelist a{display:grid;grid-template-columns:minmax(0,11em) auto minmax(0,1fr) auto; align-items:center;gap:14px;padding:9px 8px;text-decoration:none;color:inherit; border-radius:var(--r-sm);transition:background .2s var(--ease)} .shapelist a:hover{background:var(--bg)} .shn{font-size:14.5px;font-weight:500;color:var(--ink)} .shl{font-size:11.5px;font-weight:700;padding:2px 9px;border-radius:999px;white-space:nowrap} .shl.l-c{color:var(--brand);background:var(--brand-bg);border:1px solid #CFE0D6} .shl.l-s{color:var(--brass);background:var(--brass-bg);border:1px solid var(--brass-line)} .shl.l-b{color:var(--slate);background:var(--bg);border:1px solid var(--line)} .shb{height:12px;border-radius:999px;background:var(--line-2);overflow:hidden;min-width:50px} .shb i{display:block;height:100%;border-radius:999px} .shv{font-family:var(--fd);font-size:18px;font-weight:700;min-width:1.6em;text-align:right} .shapefoot{display:flex;gap:10px;align-items:flex-start;margin:16px 0 0;padding-top:14px; border-top:1px solid var(--line-2);font-size:13.5px;color:var(--ink-2);line-height:1.78;max-width:none} .shapefoot .ic{width:18px;height:18px;flex:none;margin-top:4px;color:var(--brass)} .shapefoot em{font-style:normal;color:var(--ink-3)} @media(max-width:700px){ .shape{padding:18px 16px 16px} .shapelist a{grid-template-columns:1fr auto;gap:5px 10px} .shl{grid-column:2;grid-row:1} .shb{grid-column:1/-1;order:3} .shv{grid-column:2;grid-row:1;display:none} .shapelist a::after{content:none} } .startflow{list-style:none;margin:0 0 26px;padding:0;position:relative;counter-reset:st} .startflow::before{content:"";position:absolute;left:19px;top:20px;bottom:20px;width:2px;background:var(--line)} .startflow>li{position:relative;padding:0 0 26px 54px} .startflow>li:last-child{padding-bottom:0} .stn{position:absolute;left:0;top:0;width:40px;height:40px;border-radius:50%;display:flex; align-items:center;justify-content:center;font-family:var(--fd);font-size:18px;font-weight:700; background:var(--bg-2);border:2px solid var(--line);color:var(--ink-3)} .startflow>li>div>b{display:block;font-family:var(--fd);font-size:22px;letter-spacing:.01em;margin-bottom:3px} .startflow>li>div>p{margin:0;font-size:14.5px;color:var(--ink-2);line-height:1.8} .stl{list-style:none;margin:9px 0 0;padding:0;display:grid;gap:6px} .stl li{position:relative;padding-left:16px;font-size:13.5px;color:var(--ink-3);line-height:1.74} .stl li::before{content:"";position:absolute;left:0;top:.62em;width:5px;height:5px;border-radius:50%; background:var(--brass-line)} .startflow .now .stn{background:var(--brass-solid);border-color:var(--brass-solid);color:#fff} .startflow .now>div>b{color:var(--brass)} .readybox{background:var(--brand-bg2);border:1px solid #D6E4DB;border-radius:var(--r-xl);padding:20px 24px 18px} .rdhd{display:flex;align-items:center;gap:9px;margin:0 0 12px;font-size:16px;font-weight:700;max-width:none} .rdhd .ic{width:19px;height:19px;color:var(--ok);stroke-width:2.6} .rdlist{list-style:none;margin:0;padding:0;display:grid;gap:9px} .rdlist li{position:relative;padding-left:18px;font-size:14.5px;color:var(--ink-2);line-height:1.78} .rdlist li::before{content:"";position:absolute;left:0;top:.66em;width:6px;height:6px;border-radius:50%; background:var(--brand-l)} .rdfoot{margin:14px 0 0;padding-top:13px;border-top:1px solid #D6E4DB;font-size:13.5px; color:var(--ink-3);max-width:none} .rdfoot b{color:var(--ink-2)} @media(max-width:620px){ .startflow>li{padding-left:46px} .startflow::before{left:16px} .stn{width:34px;height:34px;font-size:16px} .startflow>li>div>b{font-size:18px} .readybox{padding:16px 16px 14px} } .ab-tag{margin-left:auto;flex:none;font-size:11.5px;color:var(--ink-3);border:1px solid var(--line); border-radius:var(--r-sm);padding:2px 8px;background:#fff} @media(max-width:860px){ } @media(max-width:620px){ } .cjchip{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--r-xs); font-size:12.5px;font-weight:700;white-space:nowrap;border:1px solid transparent} .cjchip.ok{background:linear-gradient(180deg,#F1F5EE,#EAF0E6);color:#4E6945;border-color:#DBE5D5;box-shadow:inset 0 1px 0 rgba(255,255,255,.75)} .cjchip.warn{background:linear-gradient(180deg,#FAF5E8,#F6EFDD);color:#7B5B1F;border-color:#EBDFC2;box-shadow:inset 0 1px 0 rgba(255,255,255,.75)} .cjchip.bad{background:linear-gradient(180deg,#FBF1EE,#F7E9E5);color:#8E4335;border-color:#EED6CF;box-shadow:inset 0 1px 0 rgba(255,255,255,.75)} .cjchip.info{background:linear-gradient(180deg,#EEF4F7,#E6EEF3);color:#35748F;border-color:#D2E1E8;box-shadow:inset 0 1px 0 rgba(255,255,255,.75)} .acpill{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:700;color:#3D5647; border:1px solid #D7E2D1;border-radius:999px;padding:3px 11px;background:#F4F8F0;white-space:nowrap} .acpill.on{background:linear-gradient(140deg,#3F8161,#244F39);color:#fff;border-color:transparent; box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 1px 2px rgba(36,79,57,.28)} .acpill.warn{background:#F6EFDD;color:#7B5B1F;border-color:#EBDFC2} .acpill.bad{background:#FBEAEA;color:#8E3030;border-color:#F0D6D6} .rsww{flex:none;text-align:center} .rsw{width:52px;height:28px;border-radius:999px;padding:3px;display:flex; box-shadow:inset 0 1px 3px rgba(0,0,0,.14)} .rsw.on{background:#3A5C46;justify-content:flex-end} .rsw.off{background:#C79350;justify-content:flex-start} .rsw i{width:22px;height:22px;border-radius:999px;background:#FFFDF7;font-style:normal; box-shadow:0 1px 3px rgba(0,0,0,.28);display:flex;align-items:center;justify-content:center; font-size:11.5px;font-weight:700} .rsw.on i{color:#3A5C46} .rsw.off i{color:#8A5A16} .rswl{display:block;font-size:11.5px;font-weight:700;margin-top:4px;transform:scale(.82)} .rsw.on + .rswl{color:#3A5C46} .rsw.off + .rswl{color:#8A5C23} .cjabtn{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap; font-weight:700;padding:8px 12px;border-radius:var(--r-xs);font-size:12.5px; border:1px solid #E3D9C8;background:linear-gradient(180deg,#FFFEFB,#FBF7EF);color:#2F2A23; box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 1px 2px rgba(24,34,28,.06)} .cjabtn.pri{background:linear-gradient(140deg,#836327,#7E6126);color:#FFFDF9;border-color:transparent} .acbtn{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap; font-weight:700;padding:8px 14px;border-radius:var(--r-md);font-size:12.5px; border:1px solid #E2E9DC;background:linear-gradient(180deg,#fff,#F7FAF6);color:#3D5647; box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 1px 2px rgba(24,34,28,.06)} .acbtn.pri{background:linear-gradient(140deg,#3F8161,#244F39);color:#F2F8F2;border-color:transparent; box-shadow:0 16px 30px -16px rgba(36,79,57,.7)} .acalist{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:11px} .acacard{background:linear-gradient(180deg,#FFFEFB,#FFFDF7);border:1px solid rgba(138,107,46,.13); border-left-width:3px;border-radius:var(--r-xl); padding:16px 18px;display:flex;align-items:center;gap:15px; box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 1px 2px rgba(24,34,28,.05),0 6px 16px -12px rgba(24,34,28,.3)} .acacard.on{border-left-color:#3A5C46;background:linear-gradient(90deg,#EEF2E9 0 3px,#FFFDF7 3px)} .acacard.off{border-left-color:#C79350;background:#FBF3E6} .acab{flex:1;min-width:0} .acat{margin:0 0 4px;font-family:var(--fd);font-size:16px;font-weight:700;letter-spacing:.01em} .acacard.on .acat{color:#243D2D} .acacard.off .acat{color:#8A5C23} .acad{margin:0;font-size:12.5px;color:#6E6756;line-height:1.72} .acav{font-family:var(--fd);font-size:18px;font-weight:700;color:#243D2D;white-space:nowrap;flex:none; letter-spacing:.01em;font-variant-numeric:tabular-nums} .acacard.off .acav{color:#8A5C23} @media(max-width:620px){ .acacard{flex-wrap:wrap;gap:10px} .acav{order:3} } .mockacts{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:0 0 14px;max-width:none} .acbtn.is-off{background:#E8E2D4;color:#44524A;border-color:#DDD5C4;box-shadow:none} .actnote{font-style:normal;font-size:12.5px;color:var(--ink-3);margin-left:2px} .plainbar{display:flex;align-items:center;gap:11px;padding:11px 16px;background:var(--bg); border-bottom:1px solid var(--line)} .plainbar b{font-size:13.5px;letter-spacing:-.01em} .pgs2{font-size:12.5px;color:var(--ink-3)} .plainbar .ab-tag{background:#fff} .dash2{padding:16px 18px 18px} .dtabs{display:flex;align-items:center;gap:4px;margin:0 0 13px} .dtab{font-size:12.5px;font-weight:700;color:var(--ink-3);padding:5px 12px;border-radius:var(--r-xs)} .dtab.on{background:#8E713E;color:#FFFDF9} .dnow{margin-left:auto;font-size:12.5px;color:var(--ink-3);border:1px solid var(--line); border-radius:var(--r-xs);padding:4px 10px;background:var(--bg-2)} .dkpi{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 14px} .dkpi>div{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-sm);padding:11px 13px} .dkpi span{display:block;font-size:11.5px;color:var(--ink-3)} .dkpi b{display:block;font-family:var(--fd);font-size:28px;line-height:1.15;letter-spacing:-.01em;margin-top:2px} .dkpi em{display:block;font-style:normal;font-size:11.5px;color:var(--ink-3);margin-top:2px} .dkpi .up{color:var(--ok)} .dkpi .warn{color:var(--brass)} .dsplit{display:grid;grid-template-columns:1fr 1fr;gap:12px} .dbox{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-sm);padding:12px 14px} .dbt{margin:0 0 10px;font-size:12.5px;font-weight:700;color:var(--ink-2);max-width:none} .dstores{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:8px} .dstores li{display:grid;grid-template-columns:7.5em 1fr auto;align-items:center;gap:10px;font-size:12.5px} .dsb{height:9px;border-radius:999px;background:var(--line-2);overflow:hidden} .dsb i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#B99A5E,#8E713E)} .dstores b{font-weight:700;white-space:nowrap} .dnote{margin:0;padding-top:9px;border-top:1px solid var(--line-2);font-size:11.5px;color:var(--ink-3); line-height:1.7;max-width:none} .dtodo{list-style:none;margin:0;padding:0;display:grid;gap:8px} .dtodo li{display:flex;align-items:flex-start;gap:8px;font-size:12.5px;color:var(--ink-2);line-height:1.7} .dtodo .cjchip{flex:none;margin-top:1px} .dcap{margin:12px 0 0;padding-top:11px;border-top:1px solid var(--line-2);font-size:12.5px; color:var(--ink-3);line-height:1.74;max-width:none} @media(max-width:860px){ .dkpi{grid-template-columns:1fr 1fr} .dsplit{grid-template-columns:1fr} .dstores li{grid-template-columns:1fr auto} .dsb{grid-column:1/-1;order:3} } .scr{position:relative;background:transparent;border:0;border-radius:0; padding:0 0 0 26px;margin:2px 0 0} .scr::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:4px; border-radius:999px} .scr::after{content:"";position:absolute;left:-2px;top:2px;width:8px;height:8px; border-radius:999px;box-shadow:0 0 0 3px var(--bg)} .scr-c::after{background:var(--brand)} .scr-s::after{background:var(--brass-solid)} .scr-c::before{background:linear-gradient(180deg,var(--brand) 0 18%,#4C8366 42%,rgba(76,131,102,.22) 100%)} .scr-s::before{background:linear-gradient(180deg,var(--brass-solid) 0 18%,#C9A961 42%,rgba(201,169,97,.26) 100%)} .hero .scr,.deep .scr,.shero .scr,.crossbox .scr,.mvt .scr,.hq .scr{ background:var(--bg-2);border-radius:var(--r-xl); padding:22px 24px 24px 28px;box-shadow:var(--edge),var(--sh-l);color:var(--ink)} .hero .scr::before,.deep .scr::before,.shero .scr::before,.crossbox .scr::before, .mvt .scr::before,.hq .scr::before{top:0;bottom:0;border-radius:var(--r-xl) 0 0 var(--r-xl);width:5px} .scrhd{padding:0 0 22px;border-bottom:0} .shw{display:flex;align-items:center;gap:10px;margin:0 0 7px;max-width:none} .shk{font-size:11.5px;font-weight:700;letter-spacing:.2em;line-height:1.2; display:inline-flex;align-items:center;gap:7px} .shk::before{content:"";width:5px;height:5px;flex:none;transform:rotate(45deg)} .scr-c .shk{color:var(--brand)} .scr-s .shk{color:var(--brass)} .scr-c .shk::before{background:var(--brand)} .scr-s .shk::before{background:var(--brass-solid)} .shtag{margin-left:auto;flex:none;font-size:11.5px;letter-spacing:.1em;color:var(--ink-3); border:0;border-radius:999px;padding:3px 10px;background:var(--bg);line-height:1.5} .shttl{display:block;font-family:var(--fd);font-size:28px;line-height:1.26;font-weight:700; letter-spacing:-.008em;color:var(--ink);text-wrap:balance;max-width:19em} .shs{display:block;font-size:13.5px;color:var(--ink-2);line-height:1.7;margin-top:11px; max-width:44em;padding-left:11px;border-left:2px solid var(--line-2)} .scrhd::after{content:"";display:block;width:62px;height:3px;margin-top:17px;border-radius:999px} .scr-c .scrhd::after{background:linear-gradient(90deg,var(--brand) 0 30px,var(--brand-l) 30px 34px,var(--brand-l) 34px 62px)} .scr-s .scrhd::after{background:linear-gradient(90deg,var(--brass-solid) 0 30px,var(--brass-l) 30px 34px,var(--brass-l) 34px 62px)} .scrbody{padding:0} @media(max-width:620px){ .scr{padding-left:18px} .shttl{font-size:18px;text-wrap:pretty;max-width:none} h3{font-size:16px} } .yrbox{margin:22px 0 0;background:var(--bg-2);border:1px solid var(--line-2); border-radius:var(--radius);box-shadow:var(--edge),var(--sh-s);overflow:hidden} .yrhd{display:flex;align-items:center;gap:12px;flex-wrap:wrap; padding:16px 22px;background:var(--brand-bg);border-bottom:1px solid var(--line-2)} .l-shop .yrhd{background:var(--brass-bg)} .yrhd b{font-family:var(--fd);font-size:18px;color:var(--ink);letter-spacing:.01em} .yrhd span{font-size:13.5px;color:var(--ink-2);line-height:1.8;max-width:42em} .yrhd .yrpill{font-size:11.5px;font-weight:700;letter-spacing:.08em;color:#fff; background:var(--brand);padding:4px 10px;border-radius:999px;flex:none} .l-shop .yrhd .yrpill{background:var(--brass-solid)} .yrgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line-3)} .yrgrid>div{background:var(--bg-2);padding:22px 22px;position:relative} .yrgrid .is-rec::before{content:"";position:absolute;left:0;right:0;top:0;height:3px; background:var(--brand)} .l-shop .yrgrid .is-rec::before{background:var(--brass-solid)} .yrgrid .is-rec{background:#F7FCFA} .l-shop .yrgrid .is-rec{background:#FDF9F0} .yrk{margin:0 0 10px;font-size:12.5px;font-weight:700;letter-spacing:.06em;color:var(--ink-3)} .yrgrid .is-rec .yrk{color:var(--brand)} .l-shop .yrgrid .is-rec .yrk{color:var(--brass)} .yrbig{margin:0;font-family:var(--fd);font-size:28px;line-height:1.2;color:var(--ink); font-variant-numeric:tabular-nums;letter-spacing:-.01em} .yrbig em{font-style:normal;font-family:inherit;font-size:13.5px;color:var(--ink-3);margin-left:5px} .yrwas{margin:8px 0 0;font-size:12.5px;color:var(--ink-3);line-height:1.75} .yrwas s{color:var(--ink-3);text-decoration-thickness:1px} .yrsave{display:inline-block;margin-top:8px;padding:4px 11px;border-radius:999px; font-weight:700;color:var(--ok);background:var(--ok-bg); font-family:var(--fd);font-size:13.5px;font-variant-numeric:tabular-nums} .yrfoot{margin:0;padding:14px 22px;border-top:1px solid var(--line-3); font-size:12.5px;color:var(--ink-3);line-height:1.85} .yrfoot b{color:var(--ink-2)} @media(max-width:760px){.yrgrid{grid-template-columns:1fr}} .smwrap{margin:26px 0 0} .smlist{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px} .smi{display:grid;grid-template-columns:34px minmax(0,1.42fr) minmax(0,1.2fr); gap:0 20px;align-items:start;background:var(--bg-2);border:1px solid var(--line-2); border-radius:var(--radius);padding:20px 22px;box-shadow:var(--edge),var(--sh-s); transition:box-shadow .2s var(--ease)} .smi:hover{box-shadow:var(--edge),var(--sh-m)} .smn{font-family:var(--fd);font-size:18px;color:var(--ink-3);line-height:1.45; font-variant-numeric:tabular-nums;text-align:right} .smname{margin:0;font-size:16px;font-weight:700;color:var(--ink);line-height:1.5; display:flex;align-items:center;gap:8px;flex-wrap:wrap} .smdesc{margin:7px 0 0;font-size:13.5px;color:var(--ink-2);line-height:1.85} .smdone{margin:0;padding:12px 14px 12px 15px;font-size:13.5px;color:var(--ink-2);line-height:1.8; border-left:2px solid var(--ok);border-radius:0 var(--r-sm) var(--r-sm) 0; background:linear-gradient(90deg,var(--ok-bg),rgba(255,255,255,.3))} .smdk{display:block;font-size:11.5px;font-weight:700;letter-spacing:.09em; color:var(--ok);margin-bottom:3px} .smparts{margin:9px 0 0;padding:9px 12px;border-radius:var(--r-sm);max-width:none; background:var(--bg);border:1px solid var(--line-2); display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px} .smparts b{flex:none;font-size:12.5px;font-weight:700;color:var(--ink-2);letter-spacing:-.004em} .smparts span{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 7px; font-size:12.5px;color:var(--ink-2)} .smparts i{font-style:normal;font-family:var(--fd);font-weight:700;color:var(--ink);margin-left:4px} .smparts em{font-style:normal;color:var(--ink-3);margin:0 2px} .smln{font-style:normal;font-size:12.5px;font-weight:400;color:var(--ink-3);margin-left:5px} .smacc{margin:11px 0 0;padding:11px 14px 11px 15px;border-radius:0 var(--r-sm) var(--r-sm) 0; background:linear-gradient(90deg,var(--brand-bg),rgba(255,255,255,.35)); box-shadow:inset 3px 0 0 var(--brand);max-width:none; display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 12px} .smacck{flex:none;font-size:13.5px;font-weight:700;color:var(--brand-d);letter-spacing:-.004em} .smacck i{font-style:normal;font-family:var(--fd);font-size:18px;font-weight:700; letter-spacing:-.01em;margin:0 1px} .smaccl{display:flex;flex-wrap:wrap;gap:6px} .smacci{font-size:12.5px;line-height:1.55;color:var(--ink-2);background:var(--bg-2); border:1px solid #CFE0D6;border-radius:999px;padding:3px 9px;white-space:nowrap; letter-spacing:-.01em;font-variant-east-asian:proportional-width} .smi.is-pick{grid-template-columns:34px minmax(0,1fr); background:linear-gradient(180deg,var(--brand-bg),var(--bg-2) 120px); border-color:#CFE0D6} .smi.is-pick .smdone{grid-column:2;margin-top:13px} .smpick{margin:7px 0 0;font-size:13.5px;line-height:1.7;color:var(--ink-2); display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px} .smpick b{font-weight:700;color:var(--brand-d)} .smopts{margin:11px 0 0;padding:0;list-style:none;display:grid;gap:8px} .smopt{padding:9px 12px 9px 13px;border-radius:0 var(--r-sm) var(--r-sm) 0; background:var(--bg-2);box-shadow:inset 3px 0 0 var(--line-2),var(--edge); display:grid;grid-template-columns:auto auto auto minmax(0,1fr);align-items:center;gap:3px 12px} .smopt+.smopt{margin-top:0} .smopt.is-bundle{background:linear-gradient(90deg,var(--brand-bg),var(--bg-2) 70%); box-shadow:inset 3px 0 0 var(--brand),var(--edge)} .smow{font-size:13.5px;font-weight:700;color:var(--ink);letter-spacing:-.004em;white-space:nowrap} .smop{font-family:var(--fd);font-size:18px;font-weight:700;color:var(--ink); letter-spacing:-.01em;line-height:1.3;font-variant-numeric:tabular-nums;white-space:nowrap} .smop small{font-family:var(--f);font-size:11.5px;font-weight:400;color:var(--ink-3);margin-left:2px} .smometa{display:flex;align-items:baseline;gap:5px 8px;white-space:nowrap} .smometa:empty{display:none} .smopt>.smacc{margin:0;padding:0;background:none;box-shadow:none;border-radius:0; gap:5px 8px;align-items:center} .smopt>.smacc .smacck{font-size:12.5px;color:var(--ink-2)} .smopt>.smacc .smacck i{font-size:14.5px} .smopt>.smacc .smacci{font-size:11.5px;padding:2px 8px} .smopt>.smparts{grid-column:1/-1;margin:6px 0 0;padding:6px 10px;font-size:11.5px} .smopt>.smparts b,.smopt>.smparts span{font-size:11.5px} .smname b em{font-style:normal;font-weight:400;color:var(--ink-3);margin:0 5px} @media(max-width:620px){ .smacc{gap:7px 10px} .smacck{flex:1 0 100%} } .smtag.t-class{background:var(--brand-bg);color:var(--brand-d);border-color:#CFE0D6} .smprice{margin:0;text-align:right} .smpv{display:block;font-family:var(--fd);font-size:28px;line-height:1.15;color:var(--ink); font-variant-numeric:tabular-nums;letter-spacing:-.01em} .smpv small{font-size:13.5px;color:var(--ink-3);margin-left:3px;font-family:inherit} .smpn{display:block;margin-top:6px;font-size:12.5px;color:var(--ink-3);line-height:1.7} .smi.is-free{background:var(--ok-bg);border-color:var(--ok-line)} .smi.is-free .smpv{font-size:28px;color:var(--ok);letter-spacing:.01em} .smi.is-free .smn{color:var(--ok)} .smi.is-quoted{background:var(--amber-bg);border-color:var(--amber-line)} .smi.is-quoted .smpv{font-size:22px;color:var(--amber);line-height:1.35} .smi.is-quoted .smn{color:var(--amber)} .smi.is-quoted .smdone{border-left-color:var(--amber-line)} .smi.is-bundle{background:linear-gradient(104deg,var(--brand-bg),var(--bg-2) 64%);border-color:#A7E3C7} .l-shop .smi.is-bundle{background:linear-gradient(104deg,var(--brass-bg),var(--bg-2) 64%);border-color:var(--brass-line)} .smi.is-bundle .smn{color:var(--brand)} .l-shop .smi.is-bundle .smn{color:var(--brass)} .smi.is-bundle .smdone{border-left-color:#A7E3C7} .l-shop .smi.is-bundle .smdone{border-left-color:var(--brass-line)} .smtag{font-size:11.5px;font-weight:700;letter-spacing:.06em;padding:3px 9px; border-radius:999px;background:var(--brand-bg);color:var(--brand);flex:none} .l-shop .smtag{background:var(--brass-bg);color:var(--brass)} .smtag.t-save{background:var(--ok-bg);color:var(--ok)} .smtag.t-warn{background:var(--amber-bg);color:var(--amber)} .smfoot{margin:16px 0 0;padding:17px 22px;background:var(--bg-2); border:1px solid var(--line-2);border-radius:var(--radius); font-size:13.5px;color:var(--ink-2);line-height:1.9; max-width:none;text-wrap:pretty} .smfoot .smsum{font-family:var(--fd);font-size:16px;font-weight:700;color:var(--ink); letter-spacing:-.01em;white-space:nowrap} .smfoot b{color:var(--ink)} .smfoot .smfk{display:block;font-size:11.5px;font-weight:700;letter-spacing:.09em; color:var(--ink-3);margin-bottom:7px} .smh3{margin:0;font-family:var(--fd);font-size:22px;line-height:1.45;color:var(--ink);font-weight:700} .smlead{margin:9px 0 0;font-size:14.5px;color:var(--ink-2);line-height:1.95;max-width:46em} .smlead b{color:var(--ink)} .trial{display:flex;align-items:flex-start;gap:14px;margin:18px 0 0;padding:16px 20px; background:var(--ok-bg);border:1px solid var(--ok-line);border-radius:var(--radius)} .trial .ic{width:20px;height:20px;flex:none;color:var(--ok);margin-top:3px;stroke-width:2.1} .trial p{margin:0;font-size:14.5px;color:var(--ink-2);line-height:1.9} .trial b{color:var(--ink)} .trial .tk{display:block;font-family:var(--fd);font-size:18px;color:var(--ok);margin-bottom:4px} .vsfoot{position:relative;padding-left:15px} .vsfoot::before{content:"";position:absolute;left:0;top:.45em;bottom:.45em;width:2px; border-radius:999px;background:var(--brand-l)} .smi.is-quoted .smpn b{color:var(--amber);font-weight:700} .dfhero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:0 22px; margin:0 0 16px;padding:16px 20px;border-radius:var(--r-md); background:linear-gradient(100deg,var(--red-bg) 0 38%,rgba(255,255,255,.55) 100%); border:1px solid var(--red-line);box-shadow:var(--edge),var(--sh-s)} .dfhero.h-warn{background:linear-gradient(100deg,var(--amber-bg) 0 38%,rgba(255,255,255,.55) 100%); border-color:var(--amber-line)} .dfhero.h-warn .dfh-n b,.dfhero.h-warn .dfh-n span{color:var(--amber)} .dfhero.h-warn .dfh-w{border-left-color:var(--amber-line)} .dfhero.h-ok{background:linear-gradient(100deg,var(--ok-bg) 0 38%,rgba(255,255,255,.55) 100%); border-color:var(--ok-line)} .dfhero.h-ok .dfh-n b,.dfhero.h-ok .dfh-n span{color:var(--ok)} .dfhero.h-ok .dfh-w{border-left-color:var(--ok-line)} .dfhero.h-mid{background:linear-gradient(100deg,#EDF3F6 0 38%,rgba(255,255,255,.55) 100%); border-color:#D2E1E8} .dfhero.h-mid .dfh-n b,.dfhero.h-mid .dfh-n span{color:#35748F} .dfhero.h-mid .dfh-w{border-left-color:#D2E1E8} .dfh-n{margin:0;display:flex;align-items:flex-end;gap:9px;max-width:none;white-space:nowrap} .dfh-n b{font-family:var(--fd);font-size:40px;line-height:.95;letter-spacing:-.02em;color:var(--red)} .dfh-n span{font-size:12.5px;font-weight:700;color:var(--red);transform:translateY(-5px)} .dfh-w{margin:0;max-width:none;padding-left:22px;border-left:1px solid var(--red-line)} .dfh-k{display:block;font-size:11.5px;font-weight:700;letter-spacing:.12em;color:var(--ink-3);margin-bottom:3px} .dfh-w b{font-size:14.5px;letter-spacing:-.01em;color:var(--ink)} .dfh-w b + b::before{content:"·";color:var(--ink-3);margin:0 9px;font-weight:400} .dfh-w em{display:block;font-style:normal;font-size:12.5px;color:var(--ink-2);margin-top:3px} .dfh-w em i{font-style:normal;font-family:var(--fd);font-size:16px;font-weight:700;color:var(--ink)} .dfh-r{margin:0;max-width:none} @media(max-width:700px){ .dfhero{grid-template-columns:auto minmax(0,1fr);gap:10px 16px} .dfh-r{grid-column:1/-1} } .dftab tr.dfhot{background:linear-gradient(90deg,var(--red-bg),transparent 88%)} .dftab tr.dfhot th[scope="row"]{box-shadow:inset 3px 0 0 var(--red)} .dftab tr.dfhot td{font-weight:700} .chkout.chk-sub{background:transparent;box-shadow:none;padding-top:9px;padding-bottom:9px} .chkout.chk-sub b{font-size:14.5px;color:var(--ink)} .vdct{display:grid;grid-template-columns:5px minmax(0,1fr);gap:0 16px;margin:0 0 14px;max-width:none; padding:16px 20px 16px 0;background:var(--bg-2);border-radius:var(--r-md); border:1px solid var(--line-2);box-shadow:var(--edge),var(--sh-m);overflow:hidden} .vdct::before{content:"";grid-row:1/4;border-radius:999px;background:var(--ink-3);margin:2px 0} .vdct .vdk{grid-column:2;font-size:11.5px;font-weight:700;letter-spacing:.09em;color:var(--ink-3); margin-bottom:5px} .vdct b{grid-column:2;font-size:16px;line-height:1.58;color:var(--ink);letter-spacing:-.012em} .vdct em{grid-column:2;display:block;font-style:normal;margin-top:5px; font-size:13.5px;color:var(--ink-2);line-height:1.85} .vdct.v-bad{background:var(--red-bg);border-color:var(--red-line)} .vdct.v-bad::before{background:var(--red)} .vdct.v-bad .vdk,.vdct.v-bad b{color:var(--red)} .vdct.v-ok{background:var(--ok-bg);border-color:var(--ok-line)} .vdct.v-ok::before{background:var(--ok)} .vdct.v-ok .vdk,.vdct.v-ok b{color:var(--ok)} .vdct.v-warn{background:var(--amber-bg);border-color:var(--amber-line)} .vdct.v-warn::before{background:var(--amber)} .vdct.v-warn .vdk,.vdct.v-warn b{color:var(--amber)} .vdct.v-bad em,.vdct.v-ok em,.vdct.v-warn em{color:var(--ink-2)} .acak{display:block;font-style:normal;font-size:11.5px;font-weight:600;letter-spacing:.08em; color:var(--ink-3);margin-bottom:3px;text-align:right} .scr .n,.scr .money,.scr b,.scr em,.scr td,.scr th,.scr .acav,.scr .stukpi b, .scr .pcv,.scr .odi,.scr .ods{font-variant-numeric:tabular-nums} .scr .fig{font-family:var(--fd);font-size:22px;line-height:1.25;color:var(--ink); font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-weight:700} .scr .fig small{font-size:12.5px;font-weight:400;color:var(--ink-3);margin-left:3px; font-family:inherit;letter-spacing:0} .chkout{position:relative;padding-left:19px!important} .chkout::before{content:"";position:absolute;left:0;top:11px;bottom:11px;width:3px; border-radius:999px;background:var(--brass-l)} .scr-c .chkout::before{background:var(--brand-l)} .invshot + .invshot{margin-top:8px} .invshot .shotcap{position:relative;padding-top:15px} .invshot .shotcap::before{content:"";position:absolute;left:0;top:0;width:34px;height:1px; background:var(--line)} .acaw{margin:8px 0 0;font-size:13.5px;line-height:1.78;color:var(--ink-2); padding:7px 12px 7px 13px;border-left:3px solid var(--amber-line); border-radius:0 var(--r-sm) var(--r-sm) 0; background:linear-gradient(90deg,var(--amber-bg),rgba(255,255,255,.3))} .acaw b{color:var(--amber);font-weight:700} .acacard.off .acaw{border-left-color:var(--amber-line)} .stukpi li.k-lead{background:var(--brand-bg2);border-color:#CFE3D8} .stukpi li.k-lead b{font-size:40px;color:var(--brand-d)} .stukpi li.k-lead em{color:var(--ink-2)} .paybar{display:flex;margin:11px 0 0;border-radius:var(--r-md);overflow:hidden; box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 1px 3px rgba(24,34,28,.12);min-height:46px} .pseg{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px; padding:7px 4px;min-width:0;color:#fff;overflow:hidden} .pseg b{font-size:11.5px;font-weight:600;letter-spacing:.06em;opacity:.88;line-height:1.3} .pseg i{font-style:normal;font-size:13.5px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.3} .p-cash{background:var(--c-ok-solid)} .p-card{background:var(--c-doc-solid)} .p-mob{background:var(--c-shop-solid)} .paybk{display:flex;flex-wrap:wrap;gap:4px 14px;margin:7px 0 0;font-size:11.5px;color:var(--ink-3)} .paybk span{margin-left:auto;font-variant-numeric:tabular-nums} .odph{display:grid;grid-template-columns:repeat(4,28px);gap:9px} .odph i{font-style:normal;font-size:11.5px;text-align:center;white-space:nowrap; color:var(--ink-3);line-height:1.5} .pay .vdct{margin-top:13px;padding:12px 14px 12px 0;gap:0 12px} .pay .vdct b{font-size:14.5px} .pay .vdct em{font-size:12.5px} .smname{justify-content:flex-start} .smname b{margin-left:auto;padding-left:16px;font-family:var(--fd);font-size:28px; line-height:1.15;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.01em; white-space:nowrap} .smname b small{font-size:13.5px;color:var(--ink-3);margin-left:3px;font-family:inherit} .smmeta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:7px 0 0} .smmeta .smpn{margin:0;font-size:12.5px;color:var(--ink-3);line-height:1.7} .smi.is-free .smname b{color:var(--ok)} .smi.is-quoted .smname b{color:var(--amber)} .smi.is-bundle .smname b{color:var(--brand)} .l-shop .smi.is-bundle .smname b{color:var(--brass)} .dgo.d-shop a{color:#E6C489} .dgo.d-shop a:hover{color:#fff} .dgo a,.dgo-i{color:#C3D4C8;font-weight:600;text-decoration:none} .dgo a:hover,.dgo-i:hover{color:#fff;text-decoration:underline;text-underline-offset:4px} @media(max-width:620px){ .dgo a,.dgo-i,.vcap-go a{display:inline-block;padding:12px 0;min-height:44px} } @media(max-width:900px){ .smi{grid-template-columns:30px minmax(0,1fr);gap:0 14px} .smdone{grid-column:2;margin-top:13px} } @media(max-width:620px){ .smi{grid-template-columns:1fr;gap:0;padding:17px 18px} .smn{display:none} .smdone{grid-column:1;margin-top:13px} .smname{flex-wrap:wrap;row-gap:2px} .smname b{margin-left:0;padding-left:0;font-size:22px;width:100%} .smh3{font-size:18px} .smi.is-pick{grid-template-columns:1fr} .smi.is-pick .smdone{grid-column:1} .smopt{grid-template-columns:auto 1fr;gap:5px 10px;padding:10px 12px 11px 13px} .smometa{grid-column:1/-1;flex-wrap:wrap;white-space:normal} .smopt>.smacc{grid-column:1/-1} .smname b em{margin:0 4px} } .stuwrap{align-items:stretch} .stutl{display:flex;flex-direction:column;justify-content:space-between;height:100%} .stukpi li.k-lead span i{display:block;font-style:normal;font-size:11.5px; color:var(--brand);font-weight:600;letter-spacing:.02em;margin-top:2px} .invgrp[class*="k-"] .scr::before{background:var(--c)} .invgrp[class*="k-"] .shk{color:var(--ci)} .invgrp[class*="k-"] .scrhd::after{background:var(--c)} .invgrp[class*="k-"] .chkout::before{background:var(--c)} .invgrp[class*="k-"] .invlist a:hover{box-shadow:inset 3px 0 0 var(--c)} .invgrp[class*="k-"] .invlist em{color:var(--ci); background:linear-gradient(90deg,var(--cb),rgba(255,255,255,.35)); box-shadow:inset 2px 0 0 var(--c); border-color:color-mix(in srgb,var(--c) 22%,#fff)}