/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.start{inset-inline-start:var(--spacing)}}:root{--ink:#0b1930;--blue:#123a66;--lime:#35e0bd;--coral:#ff705d;--paper:#f5f8fa;--line:#0b193026}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{background:var(--paper);color:var(--ink);word-break:keep-all;margin:0;font-family:Pretendard,Noto Sans KR,Apple SD Gothic Neo,sans-serif}a{color:inherit;text-decoration:none}:is(a:focus-visible,summary:focus-visible){outline:3px solid var(--coral);outline-offset:4px}.notice-bar{background:var(--blue);color:#fff;letter-spacing:.02em;place-items:center;height:34px;font-size:12px;font-weight:800;display:grid}.site-header{border-bottom:1px solid var(--line);z-index:20;background:#fff;grid-template-columns:auto 1fr auto;align-items:center;gap:50px;height:82px;padding:0 clamp(22px,5vw,84px);display:grid;position:relative}.dark-mark{color:var(--ink)}.desktop-nav{justify-content:center;align-items:center;gap:clamp(18px,2.5vw,42px);display:flex}.desktop-nav a{font-size:14px;font-weight:750;position:relative}.desktop-nav a:after{content:"";background:var(--blue);height:2px;transition:right .2s;position:absolute;bottom:-8px;left:0;right:100%}.desktop-nav a:hover:after{right:0}.header-cta{background:var(--ink);color:#fff;align-items:center;gap:18px;padding:13px 18px;font-size:14px;font-weight:800;display:flex}.header-cta span{color:var(--lime)}.mobile-nav{display:none}.hero{color:#fff;background:radial-gradient(circle at 82% 18%,#2854ff9e,#0000 27%),linear-gradient(112deg,#061522 0%,#0a2034 63%,#102a3f 100%);min-height:calc(100svh - 116px);padding:0 clamp(22px,5vw,84px) 36px;position:relative;overflow:hidden}.hero:after{content:"";border:1px solid #dfff4f42;border-radius:50%;width:46vw;height:46vw;position:absolute;bottom:-25vw;right:-23vw}.topbar{z-index:2;border-bottom:1px solid #ffffff29;justify-content:space-between;align-items:center;height:88px;display:flex;position:relative}.wordmark{letter-spacing:-.08em;font-size:clamp(25px,2.3vw,38px);font-weight:900}.wordmark span{color:var(--lime)}.toplinks{gap:30px;font-size:14px;display:flex}.toplinks a{border-bottom:1px solid #ffffff8c;padding-bottom:4px}.hero-grid{z-index:1;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:center;gap:clamp(48px,8vw,130px);min-height:calc(100svh - 152px);display:grid;position:relative}.hero-copy{max-width:980px;padding:56px 0}.eyebrow{color:var(--lime);letter-spacing:.08em;margin:0 0 24px;font-size:14px;font-weight:800}h1{letter-spacing:-.065em;max-width:1050px;margin:0;font-size:clamp(42px,6.2vw,96px);line-height:1.02}.hero-description{color:#ffffffb8;max-width:650px;margin:32px 0 38px;font-size:clamp(17px,1.5vw,22px);line-height:1.72}.primary-cta{background:var(--lime);width:min(100%,520px);min-height:84px;color:var(--ink);justify-content:space-between;align-items:center;padding:0 28px 0 32px;font-size:clamp(18px,1.6vw,24px);font-weight:900;transition:transform .2s,background .2s;display:flex}.primary-cta:hover{background:#fff;transform:translateY(-4px)}.primary-cta strong{font-size:38px;font-weight:400}.route-preview{border-top:1px solid #fff6;padding-top:18px}.route-preview>p{color:var(--lime);margin:0 0 24px;font-size:13px;font-weight:800}.route-preview ol{margin:0;padding:0;list-style:none}.route-preview li{border-bottom:1px solid #ffffff24;align-items:center;gap:18px;padding:20px 0;font-size:17px;display:flex}.route-preview span{color:#ffffff6b;font-size:12px}.scroll-note{color:#ffffff7a;align-items:center;gap:14px;font-size:12px;display:flex;position:absolute;bottom:24px;left:clamp(22px,5vw,84px)}.scroll-note span{background:#ffffff5c;width:54px;height:1px}.intro{grid-template-columns:.55fr 1.2fr .8fr;align-items:start;gap:7vw;padding:clamp(88px,12vw,180px) clamp(22px,12vw,210px);display:grid}.section-number{color:var(--blue);font-size:13px;font-weight:900}.intro h2{letter-spacing:-.055em;margin:0;font-size:clamp(36px,4.4vw,70px);line-height:1.08}.intro>p:last-child{color:#3c4a55;border-top:1px solid var(--line);margin:0;padding-top:22px;font-size:18px;line-height:1.9}.body-copy{border-top:1px solid var(--line);padding-top:22px}.body-copy p{color:#3c4a55;margin:0 0 20px;font-size:18px;line-height:1.9}.contrast-section{background:var(--blue);color:#fff;padding:clamp(80px,10vw,150px) clamp(22px,7vw,116px)}.contrast-title{justify-content:space-between;align-items:flex-start;gap:40px;display:flex}.contrast-title span{color:var(--lime);font-size:13px;font-weight:900}.contrast-title h2{letter-spacing:-.06em;width:min(850px,70%);margin:0;font-size:clamp(42px,5.4vw,82px);line-height:1.05}.contrast-columns{grid-template-columns:repeat(3,1fr);gap:clamp(30px,5vw,80px);margin-top:clamp(70px,9vw,130px);display:grid}.contrast-columns div{border-top:1px solid #ffffff6b;padding-top:20px}.contrast-columns b{color:var(--lime);font-size:19px}.contrast-columns p{color:#ffffffbf;margin:18px 0 0;font-size:16px;line-height:1.85}.routes-section{background:#fff;padding:clamp(90px,12vw,180px) clamp(22px,8vw,130px);position:relative;overflow:hidden}.routes-heading{grid-template-columns:.48fr 1.4fr;gap:7vw;margin-bottom:100px;display:grid}.routes-heading p,.method-sticky>p,.scenario-section header>p,.faq-section header>p{color:var(--blue);margin:0;font-size:13px;font-weight:900}.routes-heading h2,.method-sticky h2,.scenario-section header h2,.faq-section header h2{letter-spacing:-.055em;margin:0;font-size:clamp(40px,5vw,76px);line-height:1.08}.route-list{margin-left:clamp(24px,9vw,150px);position:relative}.route-list:before{content:"";background:linear-gradient(var(--blue),var(--lime));width:2px;position:absolute;top:35px;bottom:35px;left:35px}.route-row{border-top:1px solid var(--line);grid-template-columns:72px minmax(180px,.65fr) minmax(260px,1fr) minmax(150px,.5fr);align-items:start;gap:clamp(24px,4vw,70px);min-height:230px;padding:40px 0;display:grid;position:relative}.route-marker{background:var(--ink);width:72px;height:72px;color:var(--lime);z-index:1;border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:0 0 0 10px #fff}.route-marker span{font-size:13px;font-weight:900}.route-row h3{letter-spacing:-.04em;margin:7px 0 0;font-size:clamp(27px,3vw,44px)}.route-row>p{color:#45535e;margin:4px 0 0;font-size:17px;line-height:1.85}.route-row ol{margin:5px 0 0;padding:0;font-size:14px;list-style:none}.route-row ol li{border-bottom:1px solid var(--line);padding:8px 0}.method-section{background:var(--paper);grid-template-columns:.8fr 1.2fr;gap:9vw;padding:clamp(90px,12vw,180px) clamp(22px,9vw,150px);display:grid}.method-sticky{align-self:start;position:sticky;top:60px}.method-sticky h2{margin-top:25px}.method-list{margin:0;padding:0;list-style:none}.method-list li{border-top:1px solid var(--line);grid-template-columns:90px 1fr;gap:30px;padding:34px 0 46px;display:grid}.method-list li>span{color:var(--blue);font-size:13px;font-weight:900}.method-list h3{letter-spacing:-.04em;margin:0 0 16px;font-size:clamp(24px,2.3vw,36px)}.method-list p{color:#47545e;margin:0;font-size:17px;line-height:1.9}.scenario-section{background:var(--ink);color:#fff;padding:clamp(90px,12vw,180px) clamp(22px,8vw,130px)}.scenario-section header{grid-template-columns:.48fr 1.4fr;gap:7vw;display:grid}.scenario-section header>p{color:var(--lime)}.scenario-flow{border-top:1px solid #ffffff5c;margin-top:100px}.scenario-flow div{border-bottom:1px solid #ffffff2e;grid-template-columns:.5fr 1.5fr;gap:40px;padding:30px 0;display:grid}.scenario-flow span{color:var(--lime);font-weight:900}.scenario-flow p{color:#ffffffc7;letter-spacing:-.03em;margin:0;font-size:clamp(18px,2vw,28px)}.scenario-note{color:#ffffff94;width:min(100%,760px);margin:80px 0 0 auto;line-height:1.9}.habits-section{grid-template-columns:1fr 1fr;gap:10vw;padding:clamp(90px,12vw,180px) clamp(22px,11vw,180px);display:grid}.habits-section h2{letter-spacing:-.055em;margin:25px 0 0;font-size:clamp(40px,4.8vw,72px);line-height:1.08}.habit-copy{border-top:1px solid var(--line)}.habit-copy h3{margin:35px 0 12px;font-size:24px}.habit-copy p{color:#47545e;margin:0 0 44px;font-size:17px;line-height:1.9}.faq-section{background:#e6e9df;grid-template-columns:.8fr 1.2fr;gap:9vw;padding:clamp(90px,12vw,180px) clamp(22px,9vw,150px);display:grid}.faq-section header h2{margin-top:25px}.faq-list{border-top:2px solid var(--ink)}.faq-list details{border-bottom:1px solid #07172540}.faq-list summary{cursor:pointer;grid-template-columns:50px 1fr 30px;align-items:center;gap:16px;padding:28px 0;font-size:20px;font-weight:800;list-style:none;display:grid}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--blue);font-size:12px}.faq-list summary b{font-size:24px;font-weight:400;transition:transform .2s}.faq-list details[open] summary b{transform:rotate(45deg)}.faq-list details p{color:#46535c;max-width:720px;margin:0 0 32px 66px;line-height:1.9}.closing-section{background:var(--lime);flex-direction:column;justify-content:center;min-height:78svh;padding:clamp(100px,14vw,220px) clamp(22px,9vw,150px);display:flex}.closing-section>p{color:#071725a6;font-weight:800}.closing-section h2{letter-spacing:-.07em;margin:25px 0 70px;font-size:clamp(45px,7vw,104px);line-height:1.02}.closing-link{border-top:2px solid var(--ink);border-bottom:1px solid var(--ink);justify-content:space-between;align-items:center;padding:23px 0;font-size:20px;font-weight:900;display:flex}.closing-link span{font-size:34px}.site-footer{color:#fff;background:#061522;grid-template-columns:.65fr 1fr .7fr;align-items:start;gap:70px;padding:58px clamp(22px,5vw,84px);display:grid}.footer-mark{width:max-content}.site-footer p{color:#ffffffa6;margin:18px 0 0;font-size:14px}.site-footer nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 30px;display:grid}.site-footer nav a{color:#ffffffb8;font-size:14px}.site-footer small{color:#ffffff61;text-align:right;line-height:1.8}.subhero{color:#fff;background:linear-gradient(135deg,#071725,#0f3150);padding:clamp(78px,9vw,130px) clamp(22px,9vw,150px) clamp(72px,8vw,110px);position:relative;overflow:hidden}.subhero:after{content:"";border:1px solid #dfff4f4d;border-radius:50%;width:440px;height:440px;position:absolute;top:-220px;right:-170px}.subhero p{color:var(--lime);margin:0 0 24px;font-size:13px;font-weight:900}.subhero h1{max-width:1050px;font-size:clamp(42px,6vw,88px)}.subhero .lead{color:#ffffffb3;max-width:760px;margin:30px 0 0;font-size:clamp(17px,1.5vw,21px);line-height:1.85}.content-page{background:#fff}.article-wrap{width:min(1120px,100% - 44px);margin:0 auto;padding:clamp(80px,10vw,150px) 0}.article-section{border-top:1px solid var(--line);grid-template-columns:260px 1fr;gap:clamp(45px,8vw,120px);padding:70px 0;display:grid}.article-section:first-child{border-top:0;padding-top:0}.article-section .kicker{color:var(--blue);margin:5px 0 0;font-size:13px;font-weight:900}.article-section h2{letter-spacing:-.05em;margin:0 0 28px;font-size:clamp(32px,3.7vw,56px);line-height:1.13}.article-section h3{letter-spacing:-.035em;margin:38px 0 14px;font-size:24px}.article-section p,.article-section li{color:#45535e;font-size:17px;line-height:1.95}.article-section ul,.article-section ol{padding-left:22px}.article-section .highlight{background:var(--paper);border-left:5px solid var(--lime);color:var(--ink);margin:32px 0;padding:25px 28px;font-weight:700}.course-list{border-top:2px solid var(--ink)}.course-item{border-bottom:1px solid var(--line);grid-template-columns:70px .6fr 1fr;gap:35px;padding:34px 0;display:grid}.course-item>span{color:var(--blue);font-size:13px;font-weight:900}.course-item h3,.course-item p{margin:0}.page-cta{background:var(--lime);justify-content:space-between;align-items:center;gap:45px;padding:clamp(70px,9vw,120px) clamp(22px,9vw,150px);display:flex}.page-cta h2{letter-spacing:-.055em;margin:0;font-size:clamp(34px,4.5vw,66px)}.page-cta a{background:var(--ink);color:#fff;justify-content:space-between;min-width:240px;padding:20px 24px;font-weight:900;display:flex}@media (max-width:800px){.notice-bar{height:30px;font-size:10px}.site-header{grid-template-columns:auto 1fr auto;gap:14px;height:68px}.desktop-nav,.header-cta{display:none}.mobile-nav{justify-self:end;display:block;position:relative}.mobile-nav summary{cursor:pointer;font-size:14px;font-weight:900;list-style:none}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav nav{border:1px solid var(--line);background:#fff;width:min(300px,100vw - 44px);padding:12px;display:grid;position:absolute;top:36px;right:0;box-shadow:0 16px 40px #0717252e}.mobile-nav nav a{border-bottom:1px solid var(--line);padding:14px 12px;font-size:14px}.hero-grid{grid-template-columns:1fr;align-content:center;gap:0;padding:38px 0 72px}.hero-copy{padding:0}.route-preview{display:none}.primary-cta{min-height:72px}.intro{grid-template-columns:1fr;gap:26px}.body-copy p{font-size:16px}.contrast-title,.routes-heading,.scenario-section header{display:block}.contrast-title h2,.routes-heading h2,.scenario-section header h2{width:100%;margin-top:22px}.contrast-columns{grid-template-columns:1fr;margin-top:65px}.routes-heading{margin-bottom:60px}.route-list{margin-left:0}.route-list:before{left:24px}.route-row{grid-template-columns:50px 1fr;gap:20px;min-height:0;padding:34px 0}.route-marker{width:48px;height:48px;box-shadow:0 0 0 7px #fff}.route-row h3{margin:7px 0}.route-row>p,.route-row ol{grid-column:2}.route-row ol{margin-top:5px}.method-section,.habits-section,.faq-section{grid-template-columns:1fr;gap:65px}.method-sticky{position:static}.method-list li{grid-template-columns:60px 1fr;gap:16px}.scenario-flow{margin-top:65px}.scenario-flow div{grid-template-columns:1fr;gap:12px}.scenario-note{margin-top:55px}.faq-list summary{grid-template-columns:35px 1fr 24px;gap:10px;font-size:17px}.faq-list details p{margin-left:45px;font-size:15px}.closing-section h2{margin-bottom:50px}.site-footer{grid-template-columns:1fr;gap:34px}.site-footer small{text-align:left}.article-section{grid-template-columns:1fr;gap:24px;padding:55px 0}.course-item{grid-template-columns:44px 1fr;gap:14px}.course-item p{grid-column:2}.page-cta{display:block}.page-cta a{min-width:0;margin-top:35px}.subhero{padding-top:65px}.subhero .lead{font-size:16px}}.home-page{background:#fff}.notice-bar{color:#d7fff5;background:#10385f;height:42px}.site-header{z-index:50;border-bottom:0;max-width:1280px;height:72px;margin:0 auto;position:sticky;top:0;box-shadow:0 8px 24px #0b193006}body:has(.home-page) .site-header:after{content:"";background:#e7edf1;width:100vw;height:1px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.header-cta{background:linear-gradient(135deg,#123a66,#0b294a);border-radius:10px;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 18px #123a662e,inset 0 1px #ffffff2e}.header-cta:hover{transform:translateY(-2px);box-shadow:0 12px 24px #123a663d,inset 0 1px #ffffff2e}.desktop-nav a{border-radius:8px;padding:11px 12px}.desktop-nav a:hover{color:#0e6c60;background:#edf9f6}.reference-hero{grid-template-columns:.92fr 1.08fr;align-items:center;gap:54px;width:min(1180px,100% - 44px);min-height:600px;margin:0 auto;padding:78px 0 58px;display:grid}.brand-pill{color:#db5948;background:#fff5f1;border:1px solid #ff705d52;border-radius:999px;margin:0 0 25px;padding:8px 15px;font-size:13px;font-weight:900;display:inline-flex}.reference-hero h1{color:var(--ink);letter-spacing:-.065em;max-width:none;margin:0;font-size:clamp(44px,4.2vw,63px);line-height:1.12}.reference-hero h1 em{color:var(--coral);font-style:normal}.reference-lead{color:#546170;margin:28px 0 30px;font-size:17px;line-height:1.95}.reference-lead strong{color:var(--ink)}.hero-actions{align-items:center;gap:14px;display:flex}.button{border-radius:11px;justify-content:center;align-items:center;gap:18px;min-height:62px;padding:0 28px;font-size:16px;font-weight:900;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.button:hover{transform:translateY(-3px)}.primary-button{color:#fff;background:linear-gradient(135deg,#174978,#0b2a4a);box-shadow:0 13px 28px #123a6642,inset 0 1px #fff3}.primary-button span{color:var(--lime)}.outline-button{border:2px solid var(--blue);color:var(--blue);background:#fff;box-shadow:0 8px 20px #123a6612}.outline-button:hover{background:#f1faf8;box-shadow:0 12px 25px #123a661f}.hero-points{border-top:1px solid var(--line);color:#66727d;flex-wrap:wrap;gap:24px;margin-top:34px;padding-top:23px;font-size:13px;display:flex}.hero-points b{color:var(--ink);margin-bottom:4px;font-size:15px;display:block}.hero-art{background:radial-gradient(circle at 76% 18%,#35e0bd2e,#0000 23%),linear-gradient(145deg,#f9fffd 0%,#eef7fb 100%);border:1px solid #dce8eb;border-radius:32px;min-height:470px;position:relative;overflow:hidden;box-shadow:0 26px 60px #0b19301f,inset 0 1px #fff}.art-grid{opacity:.45;background-image:linear-gradient(#123a6612 1px,#0000 1px),linear-gradient(90deg,#123a6612 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0}.browser-shape{z-index:3;background:linear-gradient(155deg,#fff,#fbfdfd);border:1px solid #c8dcdf;border-radius:18px;width:300px;min-height:230px;padding:58px 32px 30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-4deg);box-shadow:0 28px 55px #123a6633,0 3px #0b193014}.browser-top{background:#eaf6f4;border-radius:18px 18px 0 0;align-items:center;gap:7px;height:38px;padding-left:16px;display:flex;position:absolute;top:0;left:0;right:0}.browser-top i{background:#93aaa7;border-radius:50%;width:8px;height:8px}.browser-shape strong{letter-spacing:-.06em;font-size:32px}.browser-shape p{color:#60707b;line-height:1.6}.browser-shape>b{background:var(--blue);color:#fff;border-radius:7px;margin-top:12px;padding:11px 16px;font-size:12px;display:inline-block}.art-year{color:#60727d;z-index:2;justify-items:end;font-size:10px;font-weight:800;display:grid;position:absolute;top:24px;right:28px}.art-year b{color:var(--blue);letter-spacing:-.04em;font-size:22px}.search-float{color:#7a8992;z-index:5;background:#fff;border-radius:11px;justify-content:space-between;align-items:center;width:205px;height:48px;padding:0 17px;font-size:12px;display:flex;position:absolute;bottom:28px;left:28px;box-shadow:0 14px 35px #0b193026}.search-float b{background:var(--lime);width:28px;height:28px;color:var(--ink);border-radius:8px;place-items:center;font-size:17px;display:grid}.link-node{color:#465764;z-index:4;background:#fff;border-radius:999px;align-items:center;gap:8px;padding:8px 11px 8px 8px;font-size:10px;font-weight:900;display:flex;position:absolute;box-shadow:0 10px 24px #0b193021}.link-node i{background:var(--lime);color:#0a574c;border-radius:50%;place-items:center;width:23px;height:23px;font-style:normal;display:grid}.node-a{top:170px;left:29px}.node-b{bottom:153px;right:25px}.node-b i{color:#c34c3e;background:#ffd9d4}.orbit{border:2px dashed #123a6624;border-radius:50%;position:absolute}.orbit-a{width:360px;height:360px;bottom:-180px;left:-160px}.orbit-b{width:280px;height:280px;top:-90px;right:-100px}.route-chip{color:var(--ink);background:var(--lime);z-index:4;border-radius:9px;padding:11px 17px;font-size:13px;font-weight:900;position:absolute;box-shadow:0 12px 24px #0b193029,inset 0 1px #ffffff73}.chip-a{top:90px;left:42px}.chip-b{background:#ffdcd7;top:115px;right:35px}.chip-c{color:#fff;background:var(--blue);bottom:72px;right:42px}.route-path{background:var(--coral);transform-origin:0;height:3px;position:absolute}.path-a{width:150px;top:144px;left:115px;transform:rotate(25deg)}.path-b{background:var(--lime);width:125px;bottom:133px;right:105px;transform:rotate(-35deg)}.benefit-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);width:min(1180px,100% - 44px);margin:0 auto;display:grid}.benefit-strip>div{border-right:1px solid var(--line);grid-template-columns:42px 1fr;align-items:center;gap:13px;padding:24px 28px;display:grid}.benefit-strip>div:last-child{border-right:0}.benefit-strip span{color:var(--coral);font-size:27px}.benefit-strip p{color:#6a7580;margin:0;font-size:13px;line-height:1.6}.benefit-strip b{color:var(--ink);font-size:15px;display:block}.keyword-section{text-align:center;background:#f7fbfc;border-top:1px solid #edf2f4;border-bottom:1px solid #edf2f4;margin-top:64px;padding:42px 22px 50px}.keyword-section>p,.section-heading>p,.long-guide header>p{color:var(--coral);letter-spacing:.08em;margin:0 0 11px;font-size:12px;font-weight:900}.keyword-section h2{color:var(--ink);letter-spacing:-.04em;margin:0 0 27px;font-size:30px}.keyword-section>div{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.keyword-section a{color:#52626d;background:#fff;border:1px solid #dbe6e9;border-radius:999px;padding:9px 16px;font-size:13px;font-weight:750}.keyword-section a:hover{border-color:var(--lime);color:#0b7366}.service-section{width:min(1120px,100% - 44px);margin:0 auto;padding:92px 0}.center-heading{text-align:center}.section-heading h2{color:var(--ink);letter-spacing:-.055em;margin:0;font-size:clamp(32px,3.4vw,48px)}.section-heading>span{color:#72808c;margin-top:15px;line-height:1.7;display:block}.service-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px;display:grid}.service-grid article{background:linear-gradient(#fff,#fcfdfd);border:1px solid #dfe7ea;border-radius:15px;min-height:270px;padding:30px;transition:transform .25s,box-shadow .25s,border-color .25s;position:relative;overflow:hidden;box-shadow:0 8px 24px #0b193009}.service-grid article:after{content:"";background:linear-gradient(90deg,var(--lime),var(--coral));height:4px;transition:right .3s;position:absolute;top:0;left:0;right:100%}.service-grid article:nth-child(2){border-top:4px solid var(--coral)}.service-grid article:hover{border-color:#c6dfde;transform:translateY(-7px);box-shadow:0 22px 48px #0b19301f}.service-grid article:hover:after{right:0}.service-number{color:var(--coral);font-size:13px;font-weight:900}.service-grid h3{letter-spacing:-.04em;margin:24px 0 14px;font-size:23px}.service-grid p{color:#65727d;font-size:15px;line-height:1.8}.service-grid a{color:var(--blue);font-size:14px;font-weight:900;position:absolute;bottom:28px;left:30px}.service-grid a b{color:var(--coral)}.service-visual{background:linear-gradient(135deg,#edf9f6,#edf4fa);border:1px solid #dce9ea;border-radius:24px;justify-content:center;align-items:center;gap:28px;width:min(760px,100%);min-height:210px;margin:58px auto 0;display:flex}.service-visual div{text-align:center;background:#fff;border-radius:14px;flex-direction:column;justify-content:center;width:145px;height:110px;padding:22px;display:flex;box-shadow:0 12px 25px #0b193014}.service-visual div:nth-of-type(2){background:var(--blue);color:#fff}.service-visual span{color:var(--coral);margin-bottom:9px;font-size:12px;font-weight:900}.service-visual div:nth-of-type(2) span{color:var(--lime)}.service-visual i{color:#8aa19e;font-size:24px;font-style:normal}.long-guide{background:#f8fafc;padding:90px 22px 100px}.long-guide header{text-align:center;margin-bottom:56px}.long-guide header h2{color:var(--ink);letter-spacing:-.055em;margin:0;font-size:clamp(35px,4.1vw,57px);line-height:1.16}.long-guide header em{color:var(--coral);font-style:normal}.guide-body{background:linear-gradient(#fff,#fefefe);border:1px solid #dfe7eb;border-radius:16px;width:min(920px,100%);margin:0 auto;padding:58px clamp(24px,5vw,74px);box-shadow:0 20px 55px #0b193013}.guide-body h2{border-left:4px solid var(--coral);color:var(--ink);letter-spacing:-.045em;margin:64px 0 22px;padding-left:16px;font-size:29px}.guide-body h3{color:var(--blue);margin:36px 0 14px;font-size:21px}.guide-body p,.guide-body li{color:#515f6b;font-size:16px;line-height:2}.guide-intro{margin-top:0;color:#394a57!important;font-size:18px!important}.guide-callout{border:1px solid #bfebe2;border-left:5px solid var(--lime);background:#effbf8;border-radius:8px;grid-template-columns:145px 1fr;gap:20px;margin:36px 0;padding:22px 25px;display:grid}.guide-callout b{color:#08796a}.guide-callout span{color:#52646b;line-height:1.8}.coral-callout{border-color:#ffd4ce;border-left-color:var(--coral);background:#fff5f2}.coral-callout b{color:#ce4f40}.article-visual{background:var(--blue);color:#fff;border-radius:18px;margin:48px 0;padding:40px}.visual-title{color:var(--lime);margin-bottom:30px;font-size:13px;font-weight:900}.visual-flow{justify-content:space-between;align-items:center;display:flex}.visual-flow b{border:1px solid #ffffff59;border-radius:8px;flex:none;padding:13px 16px}.visual-flow span{background:var(--lime);flex:1;height:2px;margin:0 10px}.article-visual p{color:#ffffffad;margin:26px 0 0;font-size:14px}.number-guide{counter-reset:item;margin:30px 0;list-style:none;padding:0!important}.number-guide li{border-bottom:1px solid var(--line);grid-template-columns:190px 1fr;gap:25px;padding:21px 0;display:grid}.number-guide b{color:var(--ink)}.number-guide span{color:#61707c}.usage-preview,.home-faq,.latest-section{background:#fff;padding:90px 22px}.usage-grid,.latest-grid{grid-template-columns:repeat(3,1fr);gap:18px;width:min(1080px,100%);margin:44px auto 35px;display:grid}.usage-grid article{border:1px solid #e0e8ea;border-top:4px solid var(--lime);background:#fff;border-radius:10px;padding:30px;transition:transform .2s,box-shadow .2s;box-shadow:0 12px 34px #0b193014}.usage-grid article:hover{transform:translateY(-5px);box-shadow:0 18px 42px #0b19301f}.usage-grid span{color:var(--coral);font-size:13px;font-weight:900}.usage-grid h3{font-size:21px}.usage-grid p{color:#64717c;line-height:1.8}.small-button{background:var(--blue);color:#fff;border-radius:8px;width:max-content;margin:0 auto;padding:14px 24px;font-size:14px;font-weight:900;display:block}.priority-section{background:#eef5ff;padding:86px 22px}.priority-list{grid-template-columns:1fr 1fr;gap:12px;width:min(940px,100%);margin:42px auto 34px;display:grid}.priority-list>div{background:#fff;border:1px solid #dbe4ee;border-radius:9px;grid-template-columns:45px 150px 1fr 20px;align-items:center;gap:12px;min-height:86px;padding:17px 20px;display:grid}.priority-list>div:first-child{border-color:var(--lime);grid-column:1/-1}.priority-list b{background:var(--coral);color:#fff;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.priority-list h3{margin:0;font-size:17px}.priority-list p{color:#6a7781;margin:0;font-size:13px}.priority-list>div>span{color:#81909c;font-size:24px}.coral-button{background:var(--coral)}.home-faq{background:#fff}.home-faq-list{width:min(900px,100%);margin:42px auto 22px}.home-faq-list summary span{color:var(--coral);font-size:12px;font-weight:900}.text-link{width:max-content;color:var(--blue);margin:0 auto;font-weight:900;display:block}.latest-section{background:#f8fafc}.latest-grid>a{background:linear-gradient(160deg,#fff,#fbfdfd);border:1px solid #dfe7ea;border-radius:12px;flex-direction:column;min-height:260px;padding:30px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 8px 24px #0b19300a}.latest-grid>a:hover{transform:translateY(-5px);box-shadow:0 18px 42px #0b19301a}.latest-grid>a>span{color:#0d7b6b;background:#e9faf6;border-radius:999px;width:max-content;padding:6px 10px;font-size:12px;font-weight:900}.latest-grid h3{font-size:21px;line-height:1.45}.latest-grid p{color:#687580;font-size:14px;line-height:1.75}.latest-grid b{color:var(--coral);margin-top:auto;font-size:13px}.reference-bottom-cta{text-align:center;color:#fff;background:linear-gradient(120deg,#0a2949,#123a66);padding:78px 22px}.reference-bottom-cta>p{color:var(--lime);margin:0 0 13px;font-size:13px;font-weight:900}.reference-bottom-cta h2{letter-spacing:-.055em;margin:0;font-size:clamp(36px,4.7vw,62px);line-height:1.12}.reference-bottom-cta>span{color:#ffffffa6;margin-top:18px;display:block}.reference-bottom-cta>div{justify-content:center;gap:14px;margin-top:32px;display:flex}.mint-button{color:var(--ink);background:var(--lime)}.clear-button{border:1px solid #ffffff80}@media (prefers-reduced-motion:no-preference){.hero-left>*{animation:.65s both rise-in}.hero-left>:nth-child(2){animation-delay:60ms}.hero-left>:nth-child(3){animation-delay:.12s}.hero-left>:nth-child(4){animation-delay:.18s}.hero-left>:nth-child(5){animation-delay:.24s}.hero-art{animation:.8s .1s both art-in}.route-chip{animation:4s ease-in-out infinite float-chip}.chip-b{animation-delay:-1.3s}.chip-c{animation-delay:-2.4s}}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes art-in{0%{opacity:0;transform:translate(24px)scale(.98)}to{opacity:1;transform:none}}@keyframes float-chip{0%,to{translate:0}50%{translate:0 -7px}}@media (max-width:800px){.notice-bar{height:34px}.site-header{height:66px;position:relative}.reference-hero{grid-template-columns:1fr;padding:54px 0 42px}.reference-hero h1{font-size:42px}.reference-lead br{display:none}.hero-actions{display:grid}.button{width:100%}.hero-points{gap:18px}.hero-points span{flex:1}.hero-art{min-height:410px}.browser-shape{width:245px}.art-year{top:17px;right:18px}.search-float{bottom:18px;left:18px}.node-a{left:12px}.node-b{right:12px}.benefit-strip{grid-template-columns:1fr}.benefit-strip>div{border-right:0;border-bottom:1px solid var(--line)}.benefit-strip>div:last-child{border-bottom:0}.service-grid,.usage-grid,.latest-grid{grid-template-columns:1fr}.service-grid article{min-height:245px}.service-visual{gap:10px;min-height:0;padding:28px 18px}.service-visual div{flex:1;width:auto;height:95px;padding:12px}.service-visual i{font-size:17px}.guide-body{padding:35px 22px}.guide-body h2{font-size:25px}.guide-callout{grid-template-columns:1fr;gap:8px}.visual-flow{grid-template-columns:1fr;gap:8px;display:grid}.visual-flow span{width:2px;height:18px;margin:0 auto}.number-guide li{grid-template-columns:1fr;gap:5px}.priority-list{grid-template-columns:1fr}.priority-list>div:first-child{grid-column:auto}.priority-list>div{grid-template-columns:40px 1fr 20px}.priority-list p{grid-column:2}.reference-bottom-cta>div{display:grid}.home-faq-list summary{grid-template-columns:45px 1fr 24px}}
