/* Art direction: editorial law, structured accounting, product-led technology. */
.brand-art{margin:0;position:relative;overflow:hidden}
.brand-art img{height:100%;object-fit:cover}
.brand-art figcaption{position:absolute;right:18px;bottom:14px;color:#fff;font-size:8px;letter-spacing:.13em;text-shadow:0 1px 5px #000}
.button,.text-link span,.service-tile,.law-areas>a{transition:transform .25s,background .25s,box-shadow .25s}
.button:hover span,.text-link:hover span{transform:translate(3px,-3px)}
.sample-bar{background:#102820}
.page-intro{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:65px;padding-block:55px 65px}
.chapter-copy{min-width:0}.chapter-copy h1{font-size:clamp(34px,3.4vw,53px);line-height:1.4}
.chapter-copy .intro{font-size:15px;max-width:580px}
.chapter-copy .breadcrumb{margin-bottom:36px}
.chapter-index{display:block;font-size:9px;letter-spacing:.19em;margin-top:35px;color:var(--muted)}
.chapter-visual{position:relative;min-width:0;align-self:stretch;min-height:430px}
.chapter-visual .brand-art{height:100%;position:absolute;inset:0}
.art-caption{position:absolute;left:24px;bottom:40px;display:flex;flex-direction:column;gap:10px;color:#fff;text-shadow:0 2px 10px #0006}
.art-caption>span{font-size:9px;letter-spacing:.2em}.art-caption strong{font-size:26px;letter-spacing:-.045em;font-weight:500;max-width:230px;line-height:1.2}
.chapter-guide .chapter-visual{min-height:400px}
.chapter-guide .brand-art img{object-position:80% center}
.service-side{position:relative;padding-top:98px}
.service-side:before{content:attr(data-number);font:400 100px/.8 'DM Sans',sans-serif;letter-spacing:-.09em;position:absolute;top:0;left:0;opacity:.22}

/* Law: warm stone, forest green, brass. Photography carries the atmosphere. */
.law{--paper:#f6f3eb;--tint:#e9e7dc;--ink:#203c31;--accent:#3a5a47;--line:#d2d4c6}
.law .sample-bar{background:#0d211b}
.law.page-index .site-header{background:#142f26;color:#f5efdf;border-color:#ffffff24;width:100%;padding-inline:max(36px,calc((100% - 1240px)/2));padding-block:28px}
.law.page-index .site-header nav a[aria-current=page]{color:#dcc795;border-color:#dcc795}
.law-hero{position:relative;isolation:isolate;overflow:hidden;width:100%;min-height:650px;padding:65px max(36px,calc((100% - 1240px)/2)) 75px;background:#142f26;display:block;color:#f7f0df}
.law-hero .hero-copy{position:relative;z-index:2;max-width:650px;padding:32px 0}
.law-hero h1{font-size:clamp(43px,4vw,65px);line-height:1.45;letter-spacing:-.06em}
.law-hero h1 em{color:#e5d1a2}.law-hero .eyebrow{color:#d7bf8d}
.law-hero .intro{color:#d7dfd6;max-width:470px;font-size:15px}
.law-hero .button{background:#d5bd85;color:#132b23;border-color:#d5bd85;border-radius:1px}
.law-hero .hero-foot{border-color:#d7ddcf3d;max-width:460px;color:#d1d8cd}
.law-hero .law-photo{position:absolute;z-index:0;inset:0 0 0 auto;width:62%;margin:0}
.law-hero .law-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#142f26 0%,#142f26d9 15%,#142f2633 53%,transparent 100%)}
.law-hero .law-photo img{height:100%;width:100%;border-radius:0;object-position:64% center}
.law-hero .law-photo figcaption{position:absolute;right:24px;bottom:18px;color:#fff;z-index:1;font-size:9px;max-width:270px;text-align:right;text-shadow:0 1px 5px #000}
.law-statement{padding-block:90px;border:0;position:relative}
.law-statement h2{font-size:34px;line-height:1.65}
.law-areas{gap:18px;border:0}
.law-areas>a,.law-areas>a+a{border:1px solid #bec4b3;padding:26px;position:relative;min-height:310px;background:#f6f3eb}
.law-areas .area-number{font:400 65px/1 'Noto Serif KR',serif;color:#9fa88f;letter-spacing:-.06em}
.law-areas h3{margin-top:23px}
.law-areas>a:hover{transform:translateY(-5px);background:#fffdf5;box-shadow:0 20px 40px #25372e0d}
.law .page-intro{gap:70px;padding-block:50px 65px}
.law .chapter-visual{border-radius:120px 0 0 0;overflow:hidden}
.law .chapter-visual:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#10261dba);pointer-events:none}
.law .art-caption{z-index:1}.law .art-caption strong{font-family:'Noto Serif KR',serif;font-size:25px;line-height:1.5}
.law .chapter-guide .brand-art img{object-position:20% center;transform:scale(1.15)}
.law .jump-links a{background:#e3e5d9;border:1px solid #ced3c4;border-radius:0}
.law .service-detail{gap:70px;padding-block:65px;align-items:start}
.law .service-side:before{color:#77866e;opacity:.3;font-family:'Noto Serif KR',serif}
.law .service-content{background:#fffdf7;padding:34px;border-top:3px solid #9d8e67;box-shadow:0 14px 35px #203c3105}
.law .service-content .two-columns{margin-top:25px;padding-top:25px;grid-template-columns:1fr}
.law #prepare{background:#173b2d;color:#f6f0df;--ink:#f6f0df;--muted:#c6d0c1;--accent:#dcc58e;--line:#607361}
.law #prepare .preparation{background:#f7f3e8;color:#203c31;--ink:#203c31;--muted:#617066;--accent:#395442;--line:#d4d9c7;border-radius:0;border:0;box-shadow:14px 14px 0 #8b9c794d}
.law .note-section blockquote{background:#203c31;color:#e7d5af;border-left:5px solid #b39c68}
.law .commission{background:#e6e5d8;padding-inline:42px;border:0;margin-bottom:40px}

/* Accounting: a strong blue identity, with clear workflow and real information. */
.tax{--paper:#f8fafc;--ink:#162b4d;--accent:#245ac5;--tint:#eaf0fc;--muted:#52667e}
.tax .sample-bar{background:#123574}.tax .site-header{border-color:#c9d5e8}
.tax-hero{gap:45px;padding-block:55px 75px;grid-template-columns:1fr 1.08fr}
.tax-hero h1{font-size:clamp(43px,4vw,62px);line-height:1.35}
.tax-hero .intro{font-size:16px;max-width:480px}
.tax-scene{position:relative;min-height:510px}
.tax-scene .brand-art{position:absolute;inset:0 0 40px 30px;border-radius:8px 80px 8px 8px;box-shadow:0 25px 65px #1d54b92b}
.tax-scene .brand-art img{object-position:58% center}
.floating-note{position:absolute;bottom:0;left:0;background:#fff;padding:25px 60px 25px 25px;box-shadow:0 12px 35px #122d7524;border-left:4px solid #e6a94c;transform:rotate(-3deg);min-width:280px}
.floating-note>span{font-size:9px;letter-spacing:.1em;color:#657695;display:block;margin-bottom:12px}
.floating-note strong{font-size:21px;line-height:1.5;letter-spacing:-.03em}
.floating-note i{font-style:normal;font-size:30px;position:absolute;right:20px;top:40px;color:#235dc5}
.tax .hero-chips span{border:1px solid #d0dcee;background:#fff;font-size:11px}
.tax-desk{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:center;border-top:1px solid var(--line)}
.desk-composition{position:relative;padding:0 30px 20px 0}
.desk-composition:before{content:'';position:absolute;inset:40px 0 0 40px;background:repeating-linear-gradient(135deg,#e5ecf8 0 1px,transparent 1px 10px);border:1px solid #d9e3f2}
.tax-dashboard{position:relative;transform:rotate(-1deg);box-shadow:0 20px 60px #21477d15}
.desk-sticker{position:absolute;right:-12px;bottom:18px;display:grid;place-content:center;width:90px;height:90px;background:#f6cc73;border-radius:50%;font:700 15px/1.35 'DM Sans',sans-serif;text-align:center;transform:rotate(12deg);color:#3d331f;border:5px solid #fff6dc}
.tax .tax-services{gap:16px}
.tax .service-tile{border-radius:8px;border:1px solid #d5dfef;border-top:4px solid #91addd;padding:28px 22px}
.tax .service-tile:nth-child(2){border-top-color:#245ac5}.tax .service-tile:nth-child(3){border-top-color:#d6ab64}.tax .service-tile:nth-child(4){border-top-color:#173d79}
.tax .service-tile:hover{transform:translateY(-5px);box-shadow:0 20px 35px #16499313}
.tax .tile-icon{font-size:28px;width:auto;justify-content:start;background:none;border-radius:0;font-weight:700;color:#a3b8d9}
.tax .page-intro{position:relative;padding-block:48px 65px}
.tax .chapter-visual{min-height:430px;border-radius:6px 60px 6px 6px;overflow:hidden}
.tax .chapter-visual:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#123579b3);pointer-events:none}
.tax .art-caption{z-index:1}.tax .chapter-guide .brand-art img{object-position:75% center;transform:scale(1.15)}
.tax .jump-links a{border-radius:25px;padding:12px 20px;border:1px solid #ced9ef;background:#fff}
.tax .service-detail{gap:60px;padding-block:55px;align-items:start}
.tax .service-side{background:#edf2fb;padding:125px 30px 30px;border-radius:8px;overflow:hidden;border-left:4px solid #225ccd}
.tax .service-side:before{top:22px;left:25px;opacity:.18;color:#2057bc}
.tax .service-content{padding:28px 30px;background:#fff;border:1px solid #d8e2f0;border-radius:8px}
.tax .service-detail:nth-child(even) .service-side{background:#172f54;color:#fff;--accent:#b9d0f6;--muted:#c4d0e2}
.tax .service-detail:nth-child(even) .service-side:before{color:#b8d0f8;opacity:.25}
.tax .deliverable{background:#edf3ff;border-radius:2px;border-left:3px solid #95afe0}
.tax .preparation{background:#fff;box-shadow:0 25px 65px #1438730e;border-radius:10px;border-top:5px solid #2c61bf}
.tax .check-heading{padding-bottom:24px}.tax .check-heading output{background:#e8f0ff;padding:7px 10px;border-radius:20px}
.tax .tax-callout{position:relative;overflow:hidden;border-radius:10px;background:#194dad}
.tax .tax-callout:after{content:'TAX NOTE';position:absolute;right:-12px;bottom:-32px;font-size:clamp(70px,10vw,145px);font-weight:800;opacity:.1;pointer-events:none}
.tax .commission{border-top:3px solid #245ac5}

/* SaaS: expressive light/materials, with the product still taking the lead. */
.startup{--paper:#100e18;--ink:#f0edf8;--accent:#bca9ff;--tint:#1c1729;--line:#373045;--muted:#b4acc5}
.startup .sample-bar{background:#090811;color:#d5cced}
.startup .site-header{border-color:#ffffff17}
.startup .brand{letter-spacing:-.04em}
.startup .button{background:#c5b1ff;color:#211735;border-color:#c5b1ff;box-shadow:0 5px 25px #9d79f519}
.startup .button.secondary{background:transparent;color:#d5c7fa;border-color:#796d95;box-shadow:none}
.startup .button:hover{filter:brightness(1.08)}
.flow-hero{position:relative;isolation:isolate;min-height:615px;text-align:left;padding:72px 0 130px;overflow:hidden;background:#100d17}
.flow-art{position:absolute;z-index:-1;inset:0 0 0 33%;overflow:hidden}
.flow-art .brand-art{height:100%}.flow-art img{object-position:60% center}
.flow-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#100d17,transparent 50%),linear-gradient(0deg,#100e18,transparent 35%)}
.flow-art figcaption{bottom:100px;right:25px;color:#d7c9ef}
.flow-copy{position:relative}.flow-copy h1{font-size:clamp(43px,4.1vw,65px);line-height:1.35;max-width:760px}
.flow-copy h1 em{color:#cbb7ff}.flow-copy .intro{max-width:470px;margin-left:0;color:#c4bdcf;font-size:16px}
.flow-copy .actions{justify-content:flex-start;margin-bottom:0}
.flow-signature{display:flex;gap:60px;color:#ab9ec6;font-size:8px;letter-spacing:.15em;margin-top:45px}
.flow-console{position:relative;margin-top:-60px}
.startup .product-window{color:#2b2440;--ink:#2b2440;--muted:#716880;--accent:#6346b8;--line:#e1daee;border:1px solid #80718c;border-radius:12px;box-shadow:0 30px 100px #8d69ee14,0 2px 0 #fff1}
.startup .product-toolbar{background:#eeeaf6;border-bottom:1px solid #d9d0e7}
.startup .product-sidebar{background:#f0edf6}.startup .product-main{background:#faf8ff}
.startup .product-window .timeline-row.active{background:#eee8f8}
.startup .feature-grid{gap:24px}
.startup .feature-grid article{border:1px solid #3a304c;border-radius:10px;padding:30px 26px;background:linear-gradient(145deg,#282037,#17131f)}
.startup .feature-grid .feature-index{font-size:10px;color:#b9a0ed}
.startup .feature-grid h3{font-size:23px}.startup .feature-grid p{color:#bfb5cf}
.startup .flow-dark{background:#1c1629;border-block:1px solid #3b304e}
.startup .before-after article{background:#16121f;border-color:#463859}.startup .before-after article:last-child{background:#302345;border-color:#6e518f}
.startup .page-intro{padding-block:50px 65px}
.startup .chapter-visual{min-height:430px;border-radius:12px;border:1px solid #3e2c51}
.startup .chapter-visual .brand-art{border-radius:12px}
.startup .chapter-visual:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#1e132dbc);pointer-events:none;border-radius:12px}
.startup .art-caption{z-index:1}.startup .art-caption strong{font-size:32px;letter-spacing:-.06em;color:#ecddff}
.startup .chapter-guide .brand-art img{object-position:72% center;transform:scale(1.18)}
.startup .feature-detail{gap:60px;padding-block:65px;align-items:center}
.startup .feature-example{background:linear-gradient(135deg,#30213d,#1c1729);border:1px solid #594268;position:relative;overflow:hidden;padding:36px;border-radius:12px}
.startup .feature-example:before{content:attr(data-number);position:absolute;right:18px;top:5px;font-size:100px;line-height:1;font-weight:700;color:#aa85d416;pointer-events:none}
.startup .feature-example blockquote{background:#15101e;color:#e8d9fa;border:1px solid #4a345c}
.startup .feature-example .milestones>div{background:#17111f;border:1px solid #4c345c}
.startup .feature-example>h3{position:relative;color:#e9d9ff}
.startup .preparation{background:#21192d;border:1px solid #655173;border-radius:10px;box-shadow:0 25px 60px #0002}
.startup .plan{background:#1a1524;border:1px solid #4b3c5e;border-radius:10px;padding-top:36px}
.startup .plan.featured{background:linear-gradient(160deg,#3a2854,#20152e);border-color:#ad8de3;box-shadow:0 20px 60px #9c62d714}
.startup .plan.featured:before{content:'FOR SMALL TEAMS';font-size:9px;color:#d9bafc;letter-spacing:.13em;margin-bottom:18px}
.startup .plan .eyebrow{font-size:30px;letter-spacing:-.03em;font-weight:500;color:#dfcaf7}
.startup .plan>p:not(.eyebrow){color:#b7a9ca}.startup .commission{border:1px solid #584063;border-radius:12px;padding:45px;margin-bottom:40px;background:radial-gradient(ellipse at top right,#483053,#1b1426 70%)}

@media(max-width:1100px){
 .page-intro{gap:35px}.chapter-copy h1{font-size:40px}.chapter-visual{min-height:420px}
 .law-hero{padding-inline:40px}.law-hero .hero-copy{max-width:560px}.law-hero h1{font-size:52px}
 .law-areas>a,.law-areas>a+a{padding:24px}.law-areas>a:nth-child(3){border-left:1px solid #bec4b3;padding-left:24px}
 .law .service-content{padding:26px}.law .service-detail{gap:40px}
 .tax-desk{gap:45px}.tax-scene{min-height:450px}.tax-hero{gap:28px}.tax-hero h1{font-size:49px}
 .tax .service-detail{gap:30px}.tax .service-content{padding:25px}.tax .service-side{padding:120px 25px 25px}
 .flow-copy h1{font-size:53px}.flow-art{left:25%}.startup .feature-grid article{padding:24px 20px}.startup .feature-detail{gap:35px}
}
@media(max-width:800px){
 .page-intro,.law .page-intro{gap:30px;grid-template-columns:1fr;padding-block:35px 50px}
 .chapter-copy h1{font-size:43px}.chapter-copy .breadcrumb{margin-bottom:25px}.chapter-copy .intro{max-width:620px}
 .chapter-index{margin-top:23px}.chapter-visual,.chapter-guide .chapter-visual,.tax .chapter-visual,.startup .chapter-visual{min-height:310px}
 .chapter-visual .brand-art img{object-position:center}.art-caption strong{max-width:none}
 .law .chapter-visual{border-radius:80px 0 0 0}.law .chapter-guide .brand-art img{object-position:35% center;transform:none}
 .law-hero{min-height:710px;padding:40px 35px 70px}.law-hero .hero-copy{max-width:530px}
 .law-hero .law-photo{width:100%}.law-hero .law-photo:after{background:linear-gradient(90deg,#142f26f0,#142f2680),linear-gradient(0deg,#142f26,transparent 60%)}
 .law-hero h1{font-size:53px}.law-hero .intro{max-width:450px}.law .service-detail{grid-template-columns:1fr;gap:32px}
 .law .service-content .two-columns{grid-template-columns:1fr 1fr}.law .service-side{max-width:none}
 .law .commission{padding-inline:30px}.law .law-statement h2{font-size:29px}
 .tax-hero{grid-template-columns:1fr 1fr;gap:24px;padding-block:40px 55px}.tax-hero h1{font-size:39px}.tax-hero .intro{font-size:14px}
 .tax-scene{min-height:430px}.tax-scene .brand-art{left:0;border-radius:7px 45px 7px 7px}.floating-note{min-width:0;left:-15px;right:10px;padding:22px 45px 22px 20px}.floating-note strong{font-size:18px}.floating-note i{right:15px}
 .tax-desk{grid-template-columns:1fr;gap:20px}.desk-composition{max-width:600px;width:100%;margin-inline:auto}
 .tax .service-detail{grid-template-columns:1fr;gap:25px}.tax .service-side{max-width:none;padding:28px 30px 28px 130px}.tax .service-side:before{font-size:83px;top:30px}.tax .service-side h2{font-size:31px}
 .flow-hero{min-height:610px;padding-top:65px}.flow-copy h1{font-size:48px;max-width:610px}.flow-copy .intro{max-width:440px;font-size:15px}.flow-art{left:20%;opacity:.7}.flow-art:after{background:linear-gradient(90deg,#100d17 0%,#100d1744 80%),linear-gradient(0deg,#100e18,transparent 65%)}
 .startup .feature-grid{grid-template-columns:1fr}.startup .feature-grid article{padding:26px 30px}.startup .feature-detail{grid-template-columns:1fr;gap:28px}.startup .commission{padding:35px}.startup .plan.featured:before{grid-column:1/-1}
}
@media(max-width:520px){
 .page-intro,.law .page-intro,.tax .page-intro,.startup .page-intro{padding-block:28px 35px;gap:25px}
 .chapter-copy h1{font-size:33px}.chapter-copy .intro{font-size:14px}.chapter-copy .breadcrumb{margin-bottom:26px}.chapter-index{font-size:8px;margin-top:23px}
 .chapter-visual,.chapter-guide .chapter-visual,.tax .chapter-visual,.startup .chapter-visual{min-height:235px}
 .art-caption{left:18px;bottom:32px}.art-caption strong,.startup .art-caption strong{font-size:24px}.art-caption>span{font-size:8px}.brand-art figcaption{font-size:7px;right:13px;bottom:10px}
 .law.page-index .site-header{padding:20px 18px 12px}.law.page-index .site-header nav{border-color:#ffffff30}
 .law-hero{min-height:610px;padding:27px 18px 85px}.law-hero .hero-copy{padding:16px 0 0}.law-hero h1{font-size:34px;line-height:1.5}.law-hero .intro{font-size:14px;margin-top:25px;max-width:290px}.law-hero .eyebrow{font-size:9px}.law-hero .law-photo img{object-position:72% center}.law-hero .law-photo:after{background:linear-gradient(90deg,#142f26f5,#142f26b3 70%,#142f2680)}
 .law-hero .law-photo figcaption{right:18px;bottom:17px;font-size:8px}.law-hero .hero-foot{font-size:10px;margin-top:35px}.law-statement{padding-block:50px}.law .law-statement h2{font-size:28px}.law-areas{gap:12px}.law-areas>a,.law-areas>a+a,.law-areas>a:nth-child(3){padding:23px;min-height:0;grid-template-columns:45px 1fr;gap:0 18px}.law-areas .area-number{font-size:35px;letter-spacing:-.04em}.law-areas h3{margin-top:0}.law .service-detail{padding-block:43px;gap:28px}.law .service-side{padding-top:70px}.law .service-side:before{font-size:77px}.law .service-content{padding:23px 20px}.law .service-content .two-columns{grid-template-columns:1fr;gap:15px!important}.law #prepare .preparation{box-shadow:7px 7px 0 #8b9c794d}.law .commission{padding:30px 23px}
 .tax-hero{grid-template-columns:1fr;padding-top:35px;gap:35px}.tax-hero h1{font-size:39px}.tax-hero .intro{font-size:14px}.tax-scene{min-height:345px}.tax-scene .brand-art{inset:0 0 35px 20px;border-radius:7px 45px 7px 7px}.floating-note{left:0;right:auto;min-width:235px;padding:20px 50px 20px 20px}.floating-note strong{font-size:18px}.floating-note>span{font-size:8px}.floating-note i{font-size:25px;top:38px}
 .tax-desk{gap:15px}.desk-composition{padding-right:12px}.desk-sticker{width:68px;height:68px;font-size:11px;border-width:3px;right:-5px}.tax .service-tile{padding:24px;grid-template-columns:42px 1fr}.tax .tile-icon{font-size:30px;align-items:start;padding-top:4px}.tax .service-detail{padding-block:35px;gap:18px}.tax .service-side{padding:95px 22px 25px}.tax .service-side:before{top:20px;left:20px;font-size:70px}.tax .service-side h2{font-size:27px}.tax .service-content{padding:25px 20px}.tax .jump-links a{font-size:11px;padding:10px 14px}.tax .preparation{padding:22px 18px}.tax .check-heading{align-items:start}.tax .check-heading output{font-size:10px;padding:6px 8px}.tax .tax-callout:after{bottom:-10px;font-size:70px}
 .flow-hero{min-height:625px;padding:43px 0 115px}.flow-copy h1{font-size:36px;line-height:1.4}.flow-copy .intro{max-width:280px;font-size:14px}.flow-copy .actions{gap:17px}.flow-art{inset:170px -60px 0 5%;opacity:.65}.flow-art:after{background:linear-gradient(0deg,#100e18,transparent 60%),linear-gradient(180deg,#100d17,transparent 55%)}.flow-art figcaption{bottom:85px;right:70px;font-size:7px}.flow-signature{gap:20px;font-size:7px;margin-top:30px}.flow-console{margin-top:-55px}.startup .product-window{border-color:#635070;border-radius:8px}.startup .feature-grid article{padding:25px 22px}.startup .feature-detail{padding-block:40px}.startup .feature-example{padding:26px 21px}.startup .feature-example:before{font-size:85px}.startup .plan{padding:25px}.startup .plan .eyebrow{font-size:29px}.startup .commission{padding:29px 23px}
}
blockquote{word-break:keep-all;overflow-wrap:break-word}
.brand-art figcaption,.flow-art figcaption,.law-hero .law-photo figcaption{font-size:11px;line-height:1.5;letter-spacing:.03em;color:#fff;background:#18151f;padding:4px 8px;border-radius:3px;z-index:2;text-shadow:none}
@media(prefers-reduced-motion:reduce){.button,.text-link span,.service-tile,.law-areas>a{transition:none}.service-tile:hover,.law-areas>a:hover{transform:none}}