:root{--color-primary:#0284c7;--color-on-primary:#fff;--color-primary-container:#e0f2fe;--color-on-primary-container:#0369a1;--color-secondary:#0369a1;--color-tertiary:#2563eb;--color-accent-sky:#38bdf8;--color-accent-sky-glow:#e0f2fe;--color-green:#10b981;--color-green-deep:#047857;--color-green-soft:#d1fae5;--color-amber:#eab308;--color-amber-deep:#a16207;--color-amber-soft:#fef9c3;--color-error:#dc2626;--color-bg:#f8fafc;--color-surface:#fff;--color-surface-variant:#f1f5f9;--color-on-surface:#0f172a;--color-on-surface-variant:#475569;--color-outline:#94a3b8;--color-outline-variant:#e2e8f0;--radius-default:24px;--radius-lg:40px;--radius-xl:64px;--radius-full:9999px;--space-gutter:24px;--space-section:clamp(2.25rem,1.25rem + 4vw,5.5rem);--shadow-puffy:0 26px 60px -16px rgba(56,189,248,.28),0 6px 18px -10px rgba(15,23,42,.14);--shadow-glow:0 10px 34px rgba(56,189,248,.3);--glass-bg:hsla(0,0%,100%,.7);--glass-blur:blur(12px);--glass-border:1px solid hsla(0,0%,100%,.5);--font-body:var(--font-body-loaded),"Gowun Dodum","Apple SD Gothic Neo","Malgun Gothic",sans-serif;--font-brand:var(--font-brand-loaded),"Jua","Gowun Dodum",sans-serif;--font-en:var(--font-en-loaded),"Quicksand","Gowun Dodum",sans-serif}*,:after,:before{box-sizing:border-box}*{margin:0}html{text-size-adjust:100%}body{min-height:100dvh;color:var(--color-on-surface);font-family:var(--font-body);font-display:swap;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg);background-image:radial-gradient(46% 40% at 12% 8%,rgba(56,189,248,.22) 0,transparent 62%),radial-gradient(42% 38% at 88% 6%,rgba(129,140,248,.18) 0,transparent 60%),radial-gradient(50% 44% at 82% 88%,rgba(16,185,129,.16) 0,transparent 62%),radial-gradient(48% 42% at 8% 92%,rgba(224,242,254,.9) 0,transparent 60%);background-attachment:fixed}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}canvas,img,picture,svg,video{display:block;max-width:100%;height:auto}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-family:var(--font-en);font-weight:700;line-height:1.2;text-wrap:balance}p{text-wrap:pretty}ol,ul{list-style:none;padding:0}.glass{position:relative;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:inset 0 1.5px 0 0 hsla(0,0%,100%,.9),inset 0 -1px 0 0 rgba(56,189,248,.08),0 18px 44px -20px rgba(56,189,248,.32),0 4px 14px -8px rgba(15,23,42,.12);transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1)}@media (hover:hover) and (prefers-reduced-motion:no-preference){.glass:hover{transform:translateY(-6px);box-shadow:inset 0 1.5px 0 0 hsla(0,0%,100%,.95),0 30px 60px -22px rgba(56,189,248,.5),0 8px 20px -8px rgba(15,23,42,.16)}}.glass:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,transparent 30%,hsla(0,0%,100%,.35) 45%,transparent 60%);background-size:250% 100%;background-position:150% 0;opacity:0;transition:opacity .4s ease,background-position .7s ease}@media (hover:hover){.glass:hover:after{opacity:1;background-position:-50% 0}}.puffy{box-shadow:var(--shadow-puffy)}.gradient-text{background:linear-gradient(100deg,var(--color-primary) 0,var(--color-accent-sky) 50%,var(--color-tertiary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.num-glow{text-shadow:0 0 18px rgba(56,189,248,.45)}.mockup-example-label{position:absolute;top:10px;left:10px;z-index:6;padding:3px 10px;border-radius:var(--radius-full);background:rgba(15,23,42,.62);color:#fff;font-family:var(--font-body);font-size:.62rem;font-weight:700;letter-spacing:.02em;pointer-events:none;white-space:nowrap}.container{width:100%;max-width:1200px;margin-inline:auto;padding-inline:clamp(1rem,4vw,2.5rem)}.scroll-progress{position:fixed;top:0;left:0;right:0;z-index:100;height:4px;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,var(--color-primary) 0,var(--color-accent-sky) 55%,var(--color-green) 100%);box-shadow:0 1px 10px rgba(56,189,248,.65)}@supports (animation-timeline:scroll()){.scroll-progress{animation:scrollProgress linear;animation-timeline:scroll(root block)}}@keyframes scrollProgress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.section{padding-block:var(--space-section)}.section-bridge{position:relative}.section-bridge:after,.section-bridge:before{content:"";position:absolute;inset-inline:0;block-size:clamp(48px,8vw,96px);z-index:-1;pointer-events:none}.section-bridge:before{inset-block-start:0;background:linear-gradient(180deg,var(--color-bg) 0,transparent 100%)}.section-bridge:after{inset-block-end:0;background:linear-gradient(0deg,var(--color-bg) 0,transparent 100%)}.section+.section{padding-top:0}:focus-visible{outline:3px solid var(--color-accent-sky);outline-offset:2px;border-radius:var(--radius-default)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}