@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{--navy:#101f43;--blue:#4265ee;--muted:#6d778a;--line:#e3e7ee}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--navy);font-family:'Noto Sans KR',Arial,sans-serif;letter-spacing:-.035em}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #7190ff;outline-offset:5px}header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5%,calc((100vw - 1280px)/2));border-bottom:1px solid var(--line);background:#fff;gap:20px}.brand{font-size:37px;font-weight:900;letter-spacing:-2px;display:flex;align-items:baseline}.brand-dot{color:var(--blue)}.brand small{font-size:12px;font-weight:500;letter-spacing:0;margin-left:12px}nav{display:flex;gap:40px;font-size:14px;font-weight:600}.contact{background:var(--navy);color:white;border-radius:6px;padding:12px 23px;font-size:14px}.hero{background:#f3f6fb;padding:85px 5% 0;overflow:hidden}.hero-inner{max-width:1280px;margin:auto;display:grid;grid-template-columns:1fr 1.08fr;gap:44px;align-items:center}.eyebrow,.section-kicker{font-size:12px;font-weight:700;letter-spacing:1.8px;color:var(--blue)}.eyebrow{display:flex;align-items:center;gap:9px}.tiny-cross{font-size:24px}h1{font-size:clamp(34px,3.2vw,49px);line-height:1.4;letter-spacing:-2.3px;margin:26px 0 22px;font-weight:800}.blue{color:var(--blue)}.hero-copy>p{font-size:16px;line-height:1.95;color:#657087}.hero-copy strong{color:var(--navy)}.button{display:inline-flex;align-items:center;justify-content:center;padding:16px 25px;font-size:14px;font-weight:600;border-radius:6px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--navy);color:#fff;margin-top:22px}.hero-by{font-size:10px;letter-spacing:1.7px;color:#8892a4;margin-top:28px}.workspace{position:relative;border:1px solid #dce2ed;border-radius:12px;background:white;box-shadow:0 24px 60px #10204417;transform:rotate(-2deg);margin:15px 0 36px}.window-top{height:40px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 15px;font-size:10px;color:#8c96a8;letter-spacing:.3px}.window-dots{font-size:9px;letter-spacing:3px;color:#b5c0d2}.workspace-body{display:grid;grid-template-columns:155px 1fr;min-height:337px}.sidebar{background:var(--navy);color:#a5b2cf;border-radius:0 0 0 10px;padding:20px 12px}.demo-brand{font-size:24px;color:#fff;letter-spacing:-1px}.demo-brand span{font-size:20px}.sidebar-title{font-size:10px;margin:15px 0 18px}.channel{font-size:11px;padding:9px;border-radius:4px}.selected{background:#ffffff16;color:white}.addons-label{margin:25px 0 9px;font-size:9px;letter-spacing:1px}.demo-nav{width:100%;text-align:left;border:0;background:none;color:#a5b2cf;font-size:11px;padding:8px;border-radius:4px}.demo-nav.active{background:#4265ee;color:#fff}.demo-content{padding:20px 18px;min-width:0}.demo-heading{display:flex;justify-content:space-between;align-items:center;gap:5px;font-size:12px;border-bottom:1px solid var(--line);padding-bottom:14px}.mini-badge{font-size:8px;color:var(--blue);background:#eef2ff;padding:5px;border-radius:4px}.calendar-top{display:flex;justify-content:space-between;margin:17px 0 12px;font-size:11px}.calendar-top span{font-size:9px;color:#8790a2}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);font-size:10px;text-align:center;gap:3px}.calendar-grid span{padding:5px 0;min-width:0}.calendar-grid .day{color:#9099a9;font-size:8px}.calendar-grid .today{background:var(--blue);color:white;border-radius:4px}.calendar-grid .faded{color:#cbd0d9}.event{margin-top:10px;background:#f1f4ff;padding:9px;display:flex;align-items:center;gap:8px;border-radius:4px}.event>span:first-child{height:25px;width:3px;background:#5778ec}.event b{font-size:9px;display:block}.event small{font-size:8px;color:#8790a2;display:block;margin-top:4px}.event-tag{margin-left:auto;font-size:8px;color:#6581d7}.demo-bottom{text-align:right;font-size:8px;color:#9199a8;margin-top:12px}.floating-chip{display:flex;align-items:center;gap:14px;position:absolute;bottom:-30px;right:-20px;background:white;padding:17px 24px;border:1px solid #e1e7f1;border-radius:10px;box-shadow:0 15px 30px #10204412;transform:rotate(2deg);font-size:11px;color:#647188;line-height:1.7}.floating-chip>span:first-child{width:40px;height:40px;background:#4265ee;color:white;display:grid;place-items:center;font-weight:900;font-size:28px;border-radius:10px}.floating-chip b{color:var(--navy)}.chip-star{color:var(--blue);font-size:28px;margin-left:14px}.hero-bottom{max-width:1280px;margin:76px auto 0;height:63px;border-top:1px solid #dce2ec;display:flex;align-items:center;gap:22px;font-size:10px;color:#8490a4;letter-spacing:1px}.hero-bottom>span:first-child{font-weight:700;color:var(--navy)}.bottom-line{width:26px;height:1px;background:#aab5c7}.hero-bottom a{margin-left:auto;font-size:9px}.wrap{max-width:1280px;margin:auto;width:90%}.about{padding:100px 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:24px}h2{font-size:34px;line-height:1.5;letter-spacing:-1.5px;margin:0;font-weight:700}.about p,.dmove-section p{font-size:16px;line-height:1.95;color:#6b7587;margin:0 0 20px}.about p:last-child{margin:0}.about strong{color:var(--navy)}.products{padding:90px 0;background:#f7f8fb}.section-title{display:flex;justify-content:space-between;align-items:flex-end;margin:22px 0 42px}.section-title>span{font-size:10px;letter-spacing:1.2px;color:#8992a3}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.product-card{background:white;border:1px solid #e3e7ef;border-radius:10px;padding:32px 36px;overflow:hidden}.card-top{display:flex;justify-content:space-between;align-items:center}.product-icon{width:45px;height:45px;background:#eaf0ff;color:#4668d9;display:grid;place-items:center;border-radius:11px;font-size:30px}.info-icon{font-family:Georgia,serif;font-weight:bold;background:#e9eef8;color:#223a62}.product-number{font-size:10px;letter-spacing:1px;color:#929bac}.product-card h3{font-size:28px;letter-spacing:-1px;margin:27px 0 12px}.product-card h3>span{font-weight:500}.product-card>p{font-size:15px;line-height:1.85;color:#737e91}.card-preview{margin-top:30px;border-radius:6px;background:#f6f8fc;height:138px;padding:20px 27px}.schedule-preview>div:first-child{display:flex;justify-content:space-between;font-size:9px;color:#a1a9b7;letter-spacing:.5px}.schedule-bars{margin-top:14px;display:flex;flex-direction:column;gap:8px}.schedule-bars b{font-size:10px;font-weight:500;background:#dee7ff;border-left:3px solid #6484e8;color:#4266c6;width:65%;padding:7px}.schedule-bars b:last-child{margin-left:33%;background:#e7eaf2;color:#63708d;border-color:#8796b3}.people-preview{display:flex;align-items:center;gap:18px}.person-circle,.profile-avatar{background:#dfe7f7;color:#637ba7;display:grid;place-items:center;border-radius:50%;width:55px;height:55px;font-size:21px}.people-preview strong{font-size:14px}.people-preview strong span{font-weight:400;color:#8993a5;font-size:11px;margin-left:6px}.people-preview small{display:block;margin-top:6px;font-size:11px;color:#7d8799}.info-pill{display:inline-block;font-size:9px;background:white;color:#6981aa;padding:4px 8px;border-radius:3px;margin-top:10px}.detail-link{display:flex;justify-content:space-between;width:100%;margin-top:26px;border:0;border-top:1px solid var(--line);padding:20px 0 0;background:none;color:var(--navy);font-size:13px;font-weight:600}.detail-link span{font-size:20px;font-weight:400}.detail-link:hover{color:var(--blue)}.upcoming{background:#f0f3f8;padding:28px 36px}.upcoming .product-icon{background:#e4e9f2;color:#93a0b6}.upcoming h3{font-size:21px;font-weight:600;margin-top:24px}.upcoming p{font-size:14px}.soon{font-size:11px;color:#7c8ba3;border:1px solid #d3dbe7;border-radius:30px;padding:5px 11px;display:inline-block;margin-top:8px}.collection-note{font-size:12px;color:#8a94a5;text-align:center;margin:28px 0 0}.dmove-section{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:100px 0;align-items:center}.dmove-section h2{margin-top:22px}.text-link{font-size:13px;border-bottom:1px solid #b6c1d3;padding-bottom:6px;font-weight:600}.cta{background:var(--navy);color:white;overflow:hidden}.cta-inner{padding:66px 0 72px;position:relative}.cta .section-kicker{color:#95abf1}.cta h2{font-size:38px;position:relative;z-index:1;margin-top:20px}.cta p{font-size:15px;color:#a5b3d2;position:relative;z-index:1;margin:20px 0 28px}.light{background:#fff;color:var(--navy);position:relative;z-index:1}.cta-word{position:absolute;right:-10px;bottom:-55px;font-size:240px;letter-spacing:-18px;font-weight:900;color:#ffffff07;line-height:1.4;pointer-events:none}footer{padding:45px 0 25px}.footer-top{display:flex;justify-content:space-between;align-items:center}.footer-top>div{display:flex;gap:28px;color:#6d7789;font-size:12px}.footer-bottom{display:flex;justify-content:space-between;margin-top:32px;border-top:1px solid var(--line);padding-top:24px;color:#949dad;font-size:10px;letter-spacing:0}dialog{border:0;border-radius:14px;padding:42px;max-width:560px;width:calc(100% - 32px);color:var(--navy);box-shadow:0 30px 100px #0004}dialog::backdrop{background:#0e1e43aa;backdrop-filter:blur(5px)}.close-dialog{position:absolute;right:16px;top:10px;border:0;background:none;font-size:30px;color:#73809a}dialog h2{margin-top:20px;font-size:30px}dialog>p{line-height:1.8;color:#6b778e;font-size:16px}.modal-note{background:#f3f5fa;padding:20px;margin-top:25px;border-radius:8px;font-size:14px}.modal-note p{line-height:1.8;color:#718097;margin-bottom:0}.profile-avatar{margin:22px auto 10px;width:52px;height:52px}#info-panel h3{text-align:center;font-size:17px;margin:8px}#info-panel h3 span{font-size:11px;color:#7e89a0;font-weight:400}.profile-role{text-align:center;font-size:10px;color:#7e89a0}dl{font-size:10px;margin:16px 0}dl>div{display:flex;justify-content:space-between;border-top:1px solid #edf0f5;padding:9px 0}dt{color:#8c96a9}dd{margin:0}@media(min-width:1500px){.hero{padding-top:110px}.hero-bottom{margin-top:100px}}@media(max-width:1000px){.hero-inner{gap:25px;grid-template-columns:1fr 1fr}h1{font-size:35px}.workspace-body{grid-template-columns:115px 1fr}.demo-content{padding:15px 10px}.sidebar{padding:18px 9px}.mini-badge{display:none}.floating-chip{right:-8px}h2{font-size:29px}.product-card{padding:28px}.cta-word{font-size:200px}}@media(max-width:760px){header{height:76px;gap:12px}.brand{font-size:31px}.brand small{font-size:10px;margin-left:8px}nav{gap:16px;font-size:12px}header nav a:last-child{display:none}.contact{padding:10px 13px;font-size:12px}.hero{padding-top:46px}.hero-inner{grid-template-columns:1fr;gap:38px}.hero-copy{text-align:center}.eyebrow{justify-content:center;font-size:10px}h1{font-size:38px;margin-top:20px}.hero-copy>p{font-size:15px}.hero-by{font-size:9px}.workspace{width:95%;max-width:520px;margin:0 auto 26px}.workspace-body{grid-template-columns:125px 1fr}.demo-content{padding:18px 12px}.floating-chip{right:-10px;padding:12px 18px}.hero-bottom{margin-top:48px;height:58px;font-size:8px;gap:12px}.hero-bottom>span:nth-child(3){display:none}.hero-bottom a{font-size:8px}.about{padding:64px 0}.about-grid,.dmove-section{grid-template-columns:1fr;gap:24px}h2{font-size:28px}.about p,.dmove-section p{font-size:15px}.products{padding:60px 0}.section-title{display:block;margin-bottom:30px}.section-title>span{display:block;margin-top:20px}.product-grid{grid-template-columns:1fr;gap:18px}.product-card{padding:27px}.upcoming{padding:24px 27px}.upcoming h3{font-size:20px}.collection-note{text-align:left;line-height:1.8}.dmove-section{padding:64px 0}.cta-inner{padding:52px 0 64px}.cta h2{font-size:30px}.cta p{font-size:14px;max-width:270px;line-height:1.9}.cta-word{font-size:135px;right:0;bottom:-25px;letter-spacing:-10px}.footer-top{align-items:flex-start;gap:24px}.footer-top>div{flex-direction:column;gap:10px}.footer-bottom{flex-direction:column;gap:10px;line-height:1.8}.section-kicker{font-size:10px}dialog{padding:34px 24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* mattie: lime, white and navy */
:root{--navy:#14213b;--blue:#294268;--lime:#d5fa45;--line:#dfe4e8;--muted:#586477}
body{background:#fff;color:var(--navy)}
header{height:94px;background:#fff;border:0;color:var(--navy)}
.brand{font-size:40px}.brand-dot{color:#7b971e}.brand small{color:#59667a}
header nav a{color:#4b576b}header nav a:hover{color:#14213b}
header .contact{background:var(--lime);color:var(--navy);border:1px solid #bfdc4a;border-radius:100px;padding:12px 25px;font-weight:700}
.hero{width:calc(100% - 40px);max-width:1480px;margin:0 auto;padding:72px max(3%,calc((100% - 1280px)/2)) 0;background:var(--lime);color:var(--navy);border-radius:24px;overflow:hidden}
.hero-inner{grid-template-columns:1fr 1.06fr;gap:55px}.eyebrow{color:#34451e;font-size:11px;letter-spacing:1.8px}.tiny-cross{color:var(--navy);font-size:30px}
h1{font-size:clamp(38px,4.2vw,62px);line-height:1.25;letter-spacing:-2.6px;margin:27px 0}.hero-highlight{color:#14213b}
.hero-copy>p{color:#3d4b2e;font-size:16px;line-height:1.9}.hero-copy strong{color:#14213b}
.button{border-radius:100px;padding:16px 28px;font-weight:700}.hero .primary{background:var(--navy);color:white;margin-top:20px}.hero .primary:hover{background:#293d5a}
.hero-by{color:#4b5b36;font-size:10px;font-weight:600;letter-spacing:1.5px}.hero-bottom{margin-top:60px;border-color:#60702d40;color:#485734;font-size:10px}.hero-bottom>span:first-child{color:var(--navy)}.hero-bottom a{font-size:11px;letter-spacing:0;font-weight:600}.bottom-line{background:#637735}
.workspace{color:var(--navy);transform:rotate(-1.5deg);border:1px solid #25354b;border-radius:14px;box-shadow:12px 14px 0 #14213b14;margin-top:12px;margin-bottom:25px}.window-top{background:#f8f9fb;border-radius:14px 14px 0 0}.sidebar{background:#14213b}.demo-nav{min-height:36px}.demo-nav.active{background:var(--lime);color:#14213b;font-weight:700}.calendar-grid .today{background:var(--navy);color:white}.mini-badge{background:#edf5cf;color:#465929}.event{background:#f0f5e3}.event>span:first-child{background:#809842}.event-tag{color:#476029}.floating-chip{border:1px solid #d2ddad;border-radius:12px;box-shadow:0 12px 25px #42532318;right:-14px}.floating-chip>span:first-child{background:var(--lime);color:var(--navy)}.chip-star{color:var(--navy)}
.about{padding:90px 0}.section-kicker{color:#526d2a;font-size:11px}.about-grid{grid-template-columns:1.05fr 1fr}.about h2{font-size:34px}.about p,.dmove-section p{color:#5e6877}.about-grid>div{border-left:3px solid var(--lime);padding-left:30px}
.products{background:#f4f6f7;padding:85px 0;color:var(--navy)}.products .section-kicker{color:#526d2a}.section-title{margin-top:20px}.section-title>span{color:#657185;font-size:11px;letter-spacing:1px;border-bottom:3px solid var(--lime);padding-bottom:10px}
.product-grid{gap:24px}.product-card{border:1px solid #dbe1e7;border-radius:16px;padding:34px 36px;background:white;box-shadow:none}.product-card:not(.upcoming){border-top:5px solid var(--navy)}.product-card:nth-child(2){border-top-color:#bfdc41}.product-icon{background:var(--lime);color:var(--navy);border-radius:12px}.info-icon{background:#14213b;color:var(--lime)}.product-number{color:#657187;font-size:11px}.product-card h3{font-size:31px}.product-card>p{color:#5f6b7f;font-size:16px}.card-preview{background:#f4f6f7;border:1px solid #e9edf0}.schedule-bars b{background:#e3edc1;border-color:#9bb53e;color:#40551e}.schedule-bars b:last-child{background:#e3e8f0;border-color:#8493ab;color:#3f526d}.person-circle{background:#e4edc9;color:#50652c}.info-pill{background:#fff;color:#50652c}.detail-link{font-size:14px;margin-top:28px;padding-top:20px;align-items:center}.detail-link span{display:grid;place-items:center;background:var(--lime);border-radius:50%;width:30px;height:30px}.detail-link:hover{color:#50652c}
.product-card.upcoming{background:#eef1f3;border:1px dashed #aab5c3;padding:26px 32px;position:relative}.upcoming .card-top{gap:15px}.upcoming .product-icon{width:36px;height:36px;font-size:24px;background:#e0e6ec;color:#6b7d93}.upcoming h3{font-size:21px;margin-top:21px}.upcoming>p{font-size:14px}.soon{background:white;border-color:#c4ced8;color:#526178;font-size:12px}.collection-note{font-size:13px;color:#637184}
.dmove-section{padding:85px 0;gap:60px}.dmove-section .section-kicker{color:#526d2a}.text-link{font-size:14px;border-bottom:3px solid var(--lime)}
.cta{width:90%;max-width:1280px;margin:0 auto 60px;background:#14213b;border-radius:20px}.cta-inner{width:auto;margin:0;padding:52px 56px 56px}.cta .section-kicker{color:var(--lime)}.cta h2{font-size:36px}.cta p{color:#ced7e5}.cta .light{background:var(--lime);color:var(--navy)}.cta .light:hover{background:#e2ff80}.cta-word{color:#d5fa4510;font-size:210px;bottom:-48px;right:20px;letter-spacing:-15px}
footer.wrap{background:#fff;color:var(--navy);padding-top:0;padding-bottom:30px}.footer-top>div{color:#556479;font-size:14px}.footer-bottom{color:#647184;font-size:12px;border-color:#dfe4e8}.footer-top .brand-dot{color:#78931d}.close-dialog{width:44px;height:44px;display:grid;place-items:center;right:8px;top:6px}.modal-note{background:#f1f5e8}.modal-note p{color:#56634b}dialog .primary{background:var(--navy);color:white}body.modal-open{overflow:hidden}
@media(min-width:1500px){.hero{padding-top:90px}.hero-bottom{margin-top:70px}}
@media(max-width:1000px){.hero-inner{gap:30px}h1{font-size:44px}.hero{padding:58px 4% 0}.product-card{padding:28px}.about h2{font-size:30px}}
@media(max-width:760px){header{height:auto;min-height:78px;flex-wrap:wrap;padding:15px 5% 16px;column-gap:12px;row-gap:13px}header .brand{order:0;font-size:34px}header .contact{order:1;margin-left:auto;min-height:40px;display:flex;align-items:center;padding:10px 20px}header nav{order:2;flex-basis:100%;justify-content:center;gap:30px;font-size:14px;border-top:1px solid #e6e9ee;padding-top:12px}header nav a:last-child{display:block}.hero{width:calc(100% - 24px);border-radius:18px;padding:38px 5% 0}.hero-inner{grid-template-columns:1fr;gap:36px}.hero-copy h1{font-size:clamp(34px,9vw,49px);letter-spacing:-1.8px}.hero-copy>p{font-size:14px}.eyebrow{font-size:10px}.hero-by{font-size:9px;letter-spacing:1px}.hero-bottom{margin-top:40px;font-size:9px}.hero-bottom a{font-size:11px}.workspace{transform:none;width:100%;box-shadow:6px 8px 0 #14213b14}.workspace-body{grid-template-columns:100px minmax(0,1fr)}.sidebar-title{line-height:1.7}.demo-heading{font-size:11px}.event-tag{display:none}.floating-chip{transform:none;right:0;padding:12px 15px}.about{padding:60px 0}.about-grid{grid-template-columns:1fr;gap:24px}.about h2{font-size:28px}.about-grid>div{padding-left:20px}.products{padding:58px 0}.section-title>span{display:inline-block;margin-top:20px}.product-card{padding:26px}.product-card h3{font-size:28px}.product-card>p{font-size:15px}.product-card.upcoming{padding:25px}.upcoming h3{font-size:20px}.product-number{font-size:10px}.dmove-section{padding:60px 0;gap:24px}.cta{margin-bottom:40px}.cta-inner{padding:36px 26px 42px}.cta h2{font-size:28px}.cta-word{font-size:130px;letter-spacing:-9px;right:8px;bottom:-22px}.cta p{font-size:14px;line-height:1.8}.footer-top{flex-wrap:wrap}.footer-top>div{font-size:12px}.footer-bottom{font-size:11px}dialog{max-height:85dvh;overflow-y:auto}.collection-note{font-size:12px}}

/* Navy framing around the lime and white content */
header{background:var(--navy);color:#fff;border-bottom:1px solid #ffffff1f;margin-bottom:20px}
header .brand,footer .brand{color:#fff}
header .brand-dot,footer .brand-dot,footer .footer-top .brand-dot{color:var(--lime)}
header .brand small,footer .brand small{color:#bfcee3}
header nav a{color:#e0e8f4}
header nav a:hover{color:var(--lime)}
header .contact{background:var(--lime);color:var(--navy);border-color:var(--lime)}
header .contact:hover{background:#e3ff83}
footer.wrap{width:100%;max-width:none;margin:0;padding:48px max(5%,calc((100vw - 1280px)/2)) 30px;background:var(--navy);color:#fff;border-top:3px solid var(--lime)}
footer .footer-top>div{color:#d2def0}
footer .footer-top>div a:hover{color:var(--lime)}
footer .footer-bottom{color:#b8c8e0;border-color:#ffffff26}
@media(max-width:760px){header{margin-bottom:12px}header nav{border-top-color:#ffffff26}footer.wrap{padding-top:36px;padding-bottom:25px}}