/* Korean SaaS-inspired design direction: generous white space, bold type, pastel product surface. */
:root{--ink:#17171c;--muted:#666a75;--line:#e6e6eb;--paper:#fff;--purple:#6647eb;--purple-deep:#4b31c7;--lavender:#eeeaff;--yellow:#ffe38a;--white:#fff}
body{background:#fff;color:var(--ink)}.container{width:min(1200px,calc(100% - 64px))}.site-header{height:76px;background:rgba(255,255,255,.98);color:#17171c;border-bottom:1px solid #eeeef1;position:sticky;top:0;box-shadow:0 2px 12px rgba(20,20,35,.02)}.brand-mark{transform:none;grid-template-columns:repeat(2,8px);gap:2px;background:var(--purple);padding:7px;border-radius:10px}.brand-mark i{background:#fff;width:8px;height:8px;opacity:1!important}.brand-mark i:nth-child(2){border-radius:50%}.brand-mark i:nth-child(3){border-radius:50%}.brand{font-size:20px;letter-spacing:-.085em}.desktop-nav{gap:36px}.desktop-nav a{color:#29292e;font-size:14px}.desktop-nav a:hover{color:var(--purple)}.nav-cta{border:0;background:#202027;color:white;border-radius:100px;padding:13px 19px;font-size:13px}.nav-cta span{color:white;margin-left:13px}.nav-cta:hover{background:#403f49;border-color:transparent}.hero{background:#fff;color:#17171c}.hero:before,.hero-glow{display:none}.hero-grid{min-height:auto;grid-template-columns:1.15fr .85fr;gap:26px 68px;align-items:end;padding-top:102px;padding-bottom:0}.hero-copy{max-width:none}.hero-side{padding-bottom:10px}.hero-eyebrow{background:#f0ecff;color:var(--purple);width:max-content;padding:9px 13px;border-radius:50px;font-size:11px;letter-spacing:0;margin-bottom:25px;font-family:var(--font);font-weight:900}.pulse-dot{background:var(--purple);box-shadow:none;width:6px;height:6px}.hero h1{font-size:clamp(58px,6vw,85px);letter-spacing:-.09em;line-height:1.17;margin:0;color:#15151a}.hero h1 em{color:var(--purple)}.hero-lead{font-size:17px;line-height:1.8;color:#5d616b;max-width:480px}.hero-lead strong{color:#22232b}.hero-actions{margin-top:30px;gap:25px}.button{border-radius:100px;padding:15px 21px;box-shadow:none}.button-primary{background:#202027;color:white}.button-primary:hover{background:#423e51;box-shadow:none}.text-link{color:#3f3e48;border-bottom:1px solid #bbb9c4}.text-link span{color:var(--purple)}.hero-foot{display:none}.hero-art{grid-column:1/-1;margin-top:54px;height:630px;border:0;border-radius:28px 28px 0 0;background:radial-gradient(circle at 17% 30%,#e8d3ff 0,transparent 35%),radial-gradient(circle at 78% 19%,#c8e6ff 0,transparent 39%),radial-gradient(circle at 59% 87%,#ffe2ee 0,transparent 45%),linear-gradient(130deg,#e5d5ff,#d9ebff 55%,#f5e9ff);box-shadow:none;transform:none;overflow:hidden;display:grid;place-items:end center}.hero-art:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.65) 1px,transparent 1px);background-size:12px 12px;opacity:.7}.product-frame{height:555px;width:86%;max-width:1010px;display:flex;position:relative;z-index:1;border:1px solid #e8e8ef;border-radius:16px 16px 0 0;background:#fff;box-shadow:0 24px 75px rgba(73,57,128,.18);overflow:hidden}.product-sidebar{width:64px;background:#fcfcfe;border-right:1px solid #e9e9ee;display:flex;flex-direction:column;align-items:center;gap:22px;padding:18px 0;color:#a3a4af;font-size:19px}.product-sidebar .product-logo{width:34px;height:34px;display:grid;place-items:center;background:#6a4cf0;border-radius:10px;color:#fff;font-size:22px;margin-bottom:16px}.product-sidebar .side-active{color:#5f48de;background:#eeeaff;width:36px;height:36px;border-radius:10px;display:grid;place-items:center}.product-sidebar i{flex:1}.product-main{flex:1;min-width:0;background:#fff}.product-topbar{height:62px;border-bottom:1px solid #ededf1;display:flex;justify-content:space-between;align-items:center;padding:0 30px;font-size:12px;color:#9c9ca8}.product-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#ffde95;color:#4c3a1b;font-weight:900}.product-greeting{padding:39px 43px 23px;display:flex;justify-content:space-between;align-items:center;gap:15px}.product-greeting small{font:10px var(--mono);color:#7156e7;letter-spacing:.07em}.product-greeting h3{font-size:25px;letter-spacing:-.07em;margin:9px 0}.product-greeting p{font-size:13px;color:#8c8e9a;margin:0}.progress-pill{background:#e9f7e8;color:#429352;font-size:11px;padding:10px 12px;border-radius:100px;white-space:nowrap;font-weight:800}.product-content{display:grid;grid-template-columns:1.05fr .95fr;gap:17px;padding:0 43px}.product-question,.product-review{min-height:255px;border:1px solid #ececf2;border-radius:14px;padding:20px;background:#fff}.product-question{box-shadow:0 10px 24px rgba(65,50,130,.06)}.product-step{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:900;color:#5b5c65;margin-bottom:26px}.product-step span{display:grid;place-items:center;width:25px;height:25px;background:#efeaff;color:#6749e7;border-radius:7px;font:11px var(--mono)}.product-step b{font-size:10px;color:#55a468;background:#eaf6e9;padding:5px 8px;border-radius:20px;margin-left:auto}.product-review .product-step b{background:#fff1dd;color:#bf862a}.product-question>strong{font-size:17px;letter-spacing:-.06em}.product-question>p{font-size:11px;color:#92939d;line-height:1.6;margin:10px 0 23px}.product-chips{display:flex;flex-wrap:wrap;gap:7px}.product-chips span{font-size:10px;font-weight:700;color:#5e4ac7;background:#f2efff;padding:8px 10px;border-radius:6px}.product-chips span:last-child{background:#fff;color:#a7a4b5;border:1px dashed #ded9eb}.ai-answer{border-radius:9px;background:#f7f7fa;padding:12px 14px}.ai-answer small{font-size:10px;color:#a0a0ad}.ai-answer p{font-size:12px;color:#52535d;margin:7px 0 0}.review-alert{display:flex;align-items:center;gap:10px;border-radius:9px;background:#fff6df;padding:10px 13px;margin-top:10px;color:#996b18}.review-alert span{font-size:19px}.review-alert p{margin:0;font-size:11px;font-weight:800;line-height:1.5}.product-bottom{padding:25px 43px;display:flex;justify-content:space-between;align-items:center;gap:10px;color:#9b9dab;font-size:11px}.product-bottom b{color:#684cea;font-size:11px}.floating-note{position:absolute;z-index:2;left:3%;bottom:56px;display:flex;align-items:center;gap:13px;padding:15px 19px;border-radius:12px;background:#fff;box-shadow:0 12px 35px rgba(70,50,130,.17);transform:rotate(-3deg)}.floating-note>span{font-size:23px;color:#684ce7}.floating-note b,.floating-note small{display:block}.floating-note b{font-size:11px;white-space:nowrap}.floating-note small{font-size:9px;color:#9b9da8;margin-top:5px}.ticker{background:#fff;border-bottom:1px solid #ececf0;color:#81818b}.ticker-row{min-height:78px;justify-content:center;gap:25px;font-size:12px;font-weight:800}.ticker b{color:#c6b8fe;font-size:13px}.section{padding:120px 0}.eyebrow{color:var(--purple);font-family:var(--font);letter-spacing:.01em;font-size:13px;font-weight:900}.section-heading h2,.lab-copy h2,.faq-grid h2,.consult-grid h2{font-size:clamp(38px,4.4vw,60px);letter-spacing:-.08em}.section-heading h2 span{color:#9b9ba3}.section-heading>p:last-child,.split-heading>p{color:#71717b}.why-section,.paths-section,.method-section,.faq-section{background:#fff}.why-grid,.paths-grid{gap:17px}.why-card,.path-card{background:#f7f7f9;border:1px solid #f1f1f4;border-radius:18px;box-shadow:none}.why-card:hover{box-shadow:none;background:#f3f0ff}.symbol{color:var(--purple)}.symbol-define span:first-child,.symbol-define span:last-child{background:#e9e2ff;color:#6040d4}.symbol-define span:last-child{background:#e9f5dc;color:#608a3a}.symbol-break span:nth-child(2){color:#afa0ff}.symbol-check span:last-child{background:#e9e2ff;color:#6040d4}.lab-section{background:#f7f5ff}.lab-controls button[aria-selected=true]{border-color:#e9e2ff;box-shadow:none;color:#5134ca}.lab-controls button[aria-selected=true] span{color:#6647eb}.lab-window{background:#fff;border:1px solid #e9e6f2;color:#17171c;box-shadow:0 16px 42px rgba(84,65,140,.1)}.window-bar{border-color:#eeeaf3;color:#a0a0aa}.window-content{color:#17171c}.window-label{color:#6c4ceb}.lab-panel p{color:#737581}.note-list span{border-color:#e9e7ef;background:#faf9ff;color:#555461}.note-list b{color:#684ce7}.window-footer{border-color:#eeeaf3;color:#8f8e9d}.window-footer i{background:#684ce7}.method-list{border-color:#e7e7eb}.method-list article{border-color:#e7e7eb}.method-list article:hover{background:#faf9ff}.method-number{color:#6647eb}.path-card.featured{background:#ede8ff;color:#17171c;border-color:#e6e0ff;box-shadow:none}.path-card .path-visual{background:#fff}.featured .path-visual{background:#fff}.featured>p,.featured li{color:#676775}.featured ul{border-color:#d9d1f5}.featured .path-meta,.featured .path-meta span{color:#7559dc}.flow-visual i{background:#dbd2ff;border-color:#957ce9}.flow-visual i:nth-child(2),.flow-visual i:nth-child(4){background:#7654ed;border-color:#7654ed}.flow-visual i:not(:last-child):after{color:#8d78e6}.path-card li:before,.featured li:before{color:#7654ed}.faq-list summary span{color:#6647eb}.consult-section{background:#f5f2ff}.consult-grid .eyebrow{color:#6647eb}.consult-grid>div>p:last-child{color:#6f6d79}.consult-form{border-color:#ece8f5;box-shadow:0 16px 46px rgba(88,67,132,.06)}.consult-form select,.consult-form textarea{background:#fbfbfd;border-color:#e6e4ed}.button-dark{background:#202027}.site-footer{background:#202027}.footer-bottom{border-color:#393840}.brand-mark i{background:white}
@media(max-width:1000px){.desktop-nav{gap:19px}.hero-grid{gap:25px 35px}.hero h1{font-size:clamp(54px,6vw,70px)}.hero-art{height:560px}.product-frame{height:500px;width:91%}.floating-note{left:1%;bottom:40px}}
@media(max-width:800px){.container{width:min(100% - 44px,1200px)}.site-header{height:68px}.menu-button span{background:#22222a}.mobile-nav:not([hidden]){background:white;border-color:#eeeef1}.mobile-nav a{color:#24242a}.hero-grid{grid-template-columns:1fr;align-items:start;padding-top:73px;gap:20px}.hero h1{font-size:clamp(55px,8vw,75px)}.hero-side{padding:0}.hero-lead{max-width:670px}.hero-art{grid-column:1;height:510px;margin-top:35px}.product-frame{width:91%;height:460px}.product-greeting{padding:27px}.product-content{padding:0 27px}.product-bottom{padding:18px 27px}.floating-note{bottom:33px}.ticker-row{gap:13px 20px}.lab-grid{gap:38px}}
@media(max-width:580px){.container{width:calc(100% - 36px)}.hero-grid{padding-top:57px}.hero h1{font-size:clamp(50px,11vw,65px)}.hero-lead{font-size:15px}.hero-art{height:470px;border-radius:20px 20px 0 0;margin-top:28px}.product-frame{width:94%;height:420px}.product-sidebar{width:42px;gap:15px;font-size:14px}.product-sidebar .product-logo{width:26px;height:26px;font-size:16px}.product-sidebar .side-active{width:27px;height:27px}.product-topbar{height:45px;padding:0 12px;font-size:9px}.product-greeting{padding:20px 12px 15px}.product-greeting h3{font-size:16px}.product-greeting p{font-size:10px}.progress-pill{display:none}.product-content{padding:0 12px;grid-template-columns:1fr;gap:8px}.product-question,.product-review{min-height:auto;padding:12px}.product-step{font-size:9px;margin-bottom:9px}.product-step span{width:19px;height:19px;font-size:9px}.product-question>strong{font-size:13px}.product-question>p{font-size:9px;margin:7px 0 10px}.product-chips span{font-size:8px;padding:5px}.product-review{display:none}.product-bottom{padding:13px;font-size:9px;display:block}.product-bottom b{display:none}.floating-note{left:3%;bottom:31px;padding:10px 12px}.floating-note b{font-size:9px}.floating-note small{font-size:8px}.ticker-row{font-size:10px}.section{padding:76px 0}.section-heading h2,.lab-copy h2,.faq-grid h2,.consult-grid h2{font-size:36px}.why-grid,.paths-grid{grid-template-columns:1fr}.consult-section{padding:75px 0}.footer-top{gap:35px}}

/* Section layouts follow the composition of the selected Korean SaaS references. */
.ticker{padding:55px 0 65px;border-bottom:0}.ticker-heading{text-align:center;color:#85848e;font-size:13px;font-weight:700;margin:0 0 27px}.ticker-row{min-height:0;gap:17px 24px;flex-wrap:wrap}.ticker-row span{font-size:17px;color:#74747f;letter-spacing:-.055em}.ticker b{font-size:11px;color:#bfb3ed}
.why-section{background:#f8f8fa;padding:140px 0}.why-section .split-heading{display:block;text-align:center;max-width:850px;margin:0 auto 58px}.why-section .split-heading h2{margin:0}.why-section .split-heading>p{max-width:650px;margin:23px auto 0;font-size:16px;line-height:1.8}.why-grid{gap:18px}.why-card{background:#fff;min-height:390px;border:0;border-radius:18px;padding:31px 32px}.why-card:hover{background:#fff;box-shadow:0 15px 42px rgba(28,28,48,.07)}.why-card .card-index{font-size:12px;color:#8b8b95;font-weight:800}.why-card .symbol{height:135px;margin:25px 0 20px;font-size:55px;align-self:center;display:flex;align-items:center;justify-content:center}.why-card h3{font-size:23px;margin-bottom:12px}.why-card p{font-size:14px;line-height:1.8}
.method-section{background:#1d1e25;color:#fff;padding:142px 0}.method-top{display:grid;grid-template-columns:1.15fr .85fr;gap:110px;align-items:start;margin-bottom:80px}.method-section .eyebrow{color:#baaaff}.method-section .section-heading h2{color:#fff;margin:0;font-size:clamp(40px,4.5vw,63px);line-height:1.25}.method-section .section-heading h2 span{color:#a1a2ad}.method-summary{padding-top:38px}.method-summary>p{font-size:17px;line-height:1.85;color:#c6c7d0;margin:0 0 28px}.method-summary>div{border-top:1px solid #44454d;padding:19px 0;display:grid;grid-template-columns:160px 1fr;gap:18px}.method-summary b{color:#fff;font-size:13px}.method-summary span{font-size:12px;color:#aaabb5;line-height:1.65}.method-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;border:0}.method-list article{display:flex;min-height:330px;flex-direction:column;align-items:flex-start;gap:0;border:1px solid #41424c;border-radius:16px;background:#2a2b33;padding:29px 30px}.method-list article:hover{background:#343540}.method-number{font:36px var(--font);color:#b8a8ff;line-height:1}.method-list article>div:nth-child(2){margin-top:auto}.method-list h3{font-size:23px;color:white;margin:0 0 12px}.method-list p{font-size:14px;color:#b9bac4;line-height:1.8}.method-tag{font:10px var(--mono);color:#b8a8ff;margin-top:26px;letter-spacing:.06em}
.paths-section{background:#fff;padding:145px 0}.paths-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px;align-items:start}.paths-left{position:sticky;top:130px}.paths-left h2{font-size:clamp(40px,4.2vw,59px);line-height:1.22;letter-spacing:-.08em;margin:0 0 58px}.path-tabs{border-top:1px solid #e2e2e7}.path-tabs button{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;border:0;border-bottom:1px solid #e2e2e7;background:transparent;color:#878791;cursor:pointer;font:700 20px var(--font);letter-spacing:-.05em;padding:27px 10px 27px 1px}.path-tabs button span{font-size:18px;font-weight:400;color:#b0afb8}.path-tabs button[aria-selected=true]{color:#1d1d24}.path-tabs button[aria-selected=true] span{color:#6647eb}.path-tabs button:hover{color:#6647eb}.path-tabs button:focus-visible{outline:3px solid #bbaaff;outline-offset:2px}.path-stage{min-height:635px;background:radial-gradient(circle at 85% 90%,#d9d6ff,transparent 45%),linear-gradient(140deg,#f1edff,#e3e8ff);border-radius:24px;padding:55px 48px;overflow:hidden}.path-stage-top{display:flex;justify-content:space-between;color:#736e91;font:10px var(--mono);letter-spacing:.07em;margin-bottom:37px}.path-stage-dot{color:#9e8bea;letter-spacing:.3em}.path-panel{min-height:480px;background:#fff;border:1px solid #dedaf3;border-radius:15px;padding:34px 36px;box-shadow:0 25px 55px rgba(83,62,153,.13)}.path-panel[hidden]{display:none}.path-badge{display:inline-block;color:#6449d7;background:#f1edff;border-radius:100px;padding:8px 12px;font:10px var(--mono)}.path-panel h3{font-size:31px;letter-spacing:-.07em;margin:26px 0 10px}.path-panel p{color:#767682;font-size:14px;line-height:1.7;margin:0;max-width:390px}.path-steps{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:30px 0}.path-steps span{border:1px solid #e8e6f0;border-radius:6px;color:#5c5c69;padding:9px 12px;font-size:11px;font-weight:800}.path-steps i{font-style:normal;color:#9c8ced}.path-demo{border-radius:12px;min-height:185px;background:#f7f6fb;padding:20px;display:flex;align-items:center;justify-content:center;gap:10px}.path-demo-blocks>*{display:grid;place-items:center;min-height:60px;padding:11px;border-radius:9px;background:#ece9ff;color:#5f4ac1;font-size:11px;text-align:center}.path-demo-blocks b{background:#684deb;color:white}.path-demo-project,.path-demo-ai{flex-direction:column;align-items:flex-start}.path-demo-project b,.path-demo-ai b{font:10px var(--mono);color:#7358dc}.path-demo-project span,.path-demo-ai span{font-size:17px;font-weight:800;color:#292933}.path-demo-project strong,.path-demo-ai strong{font-size:12px;color:#7358dc}.path-caption{font-size:12px;color:#9a99a3;text-align:right;margin:14px 0 0}
@media(max-width:1000px){.method-top{gap:60px}.paths-layout{gap:42px}.path-stage{padding:40px 28px}.path-panel{padding:27px}.path-tabs button{font-size:17px}}
@media(max-width:800px){.why-section,.method-section,.paths-section{padding:95px 0}.why-grid{grid-template-columns:repeat(3,1fr)}.why-card{min-height:340px;padding:22px}.why-card .symbol{height:100px;margin:15px 0}.why-card h3{font-size:19px}.method-top{grid-template-columns:1fr;gap:0;margin-bottom:45px}.method-summary{padding-top:10px}.method-list{gap:10px}.method-list article{padding:21px;min-height:300px}.method-list h3{font-size:19px}.paths-layout{grid-template-columns:1fr;gap:30px}.paths-left{position:static}.paths-left h2{margin-bottom:28px}.path-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border:0}.path-tabs button{border:1px solid #e2e2e7;border-radius:12px;padding:15px;font-size:14px;min-height:70px}.path-tabs button[aria-selected=true]{background:#f3f0ff;border-color:#c9bfff}.path-tabs button span{display:none}.path-stage{min-height:auto}.path-panel{min-height:470px}}
@media(max-width:580px){.ticker{padding:39px 0 44px}.ticker-row{gap:9px 13px}.ticker-row span{font-size:12px}.ticker-heading{font-size:11px;margin-bottom:18px}.why-section,.method-section,.paths-section{padding:75px 0}.why-section .split-heading{margin-bottom:32px}.why-section .split-heading>p{font-size:14px}.why-grid{grid-template-columns:1fr}.why-card{min-height:260px;padding:24px}.why-card .symbol{height:65px;margin:4px 0 15px;font-size:38px}.why-card h3{font-size:20px}.method-section .section-heading h2{font-size:35px}.method-summary>p{font-size:14px}.method-summary>div{grid-template-columns:1fr;gap:6px}.method-list{grid-template-columns:1fr}.method-list article{min-height:240px}.method-list article>div:nth-child(2){margin-top:35px}.paths-left h2{font-size:35px}.path-tabs{grid-template-columns:1fr;gap:0}.path-tabs button{border-radius:0;border-width:0 0 1px;padding:17px 0;min-height:0}.path-tabs button[aria-selected=true]{background:transparent;border-color:#e2e2e7}.path-stage{border-radius:18px;padding:21px 14px}.path-stage-top{font-size:8px;margin-bottom:18px}.path-panel{padding:22px 18px;min-height:440px}.path-panel h3{font-size:24px;margin:20px 0 8px}.path-panel p{font-size:12px}.path-steps{gap:5px;margin:20px 0}.path-steps span{font-size:9px;padding:7px}.path-demo{min-height:155px;gap:5px;padding:12px}.path-demo-blocks>*{font-size:8px;min-height:50px;padding:4px}.path-caption{text-align:left}}
