.service-page{position:relative;background:#fff;color:#202020}
.service-page::after{content:"";position:absolute;z-index:9999;inset:0;border:10px solid #2a2a2a;pointer-events:none}
.service-page .site-header{position:relative;height:98px;padding:19px 22px;align-items:center;background:#2a2a2a;color:#fff}
.service-page .header-logo{width:178px}
.service-page .header-logo img{width:100%;filter:brightness(0) invert(1)}
.service-shell{width:min(1340px,calc(100% - 7%));margin-inline:auto}
.service-hero{height:434px;display:flex;align-items:center;background:#2a2a2a;color:#fff}
.service-hero .service-shell{padding-bottom:16px}
.service-name{margin:0 0 26px;font-size:26px;font-weight:800}
.service-hero h1{max-width:760px;margin:0;font-size:42px;line-height:1.45;letter-spacing:-.04em}.service-mobile-break{display:none}
.service-hero span{display:block;margin-top:24px;color:#a0a0a0;font:400 14px/1.4 "Krona One",sans-serif}
.service-breadcrumb{width:min(1340px,calc(100% - 7%));margin:0 auto;padding:21px 0;display:flex;align-items:center;gap:12px;color:#777;font-size:12px;line-height:1.4}
.service-breadcrumb a{text-decoration:underline;text-underline-offset:3px}
.service-hero .service-breadcrumb span{display:inline;margin:0;color:inherit;font:inherit;line-height:inherit}
.service-overview{display:grid;grid-template-columns:40% 1fr;gap:68px;align-items:center;padding:96px 0 118px}
.service-overview>img{width:100%;height:390px;border-radius:10px;object-fit:cover}
.service-en{margin:0 0 12px;color:#999;font:400 13px "Krona One",sans-serif}
.service-overview h2{max-width:750px;margin:0 0 28px;font-size:36px;line-height:1.5;letter-spacing:-.04em}
.service-overview div>p:last-child{margin:0;font-size:16px;line-height:2}
.service-problems{padding:0 0 125px}
.service-section-title{display:flex;align-items:flex-end;gap:30px;margin-bottom:45px}
.service-section-title h2{margin:0;font-size:36px;line-height:1.3}
.service-section-title small{padding-bottom:6px;color:#999;font:400 13px "Krona One",sans-serif}
.problem-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.problem-grid p{position:relative;min-height:105px;margin:0;padding:35px 35px 30px 76px;border:1px solid #ddd;border-radius:6px;background:#f5f5f5;font-size:18px;font-weight:700}
.problem-grid p::before{content:"";position:absolute;left:32px;top:38px;width:21px;height:12px;border-left:3px solid #202020;border-bottom:3px solid #202020;transform:rotate(-45deg)}
.service-points{padding:112px 0 120px;background:#292929;color:#fff}
.service-section-title.light small{color:#999}
.service-points ol{margin:0;padding:0;list-style:none;border-top:1px solid #666}
.service-points li{display:grid;grid-template-columns:140px 220px 1fr;align-items:center;min-height:150px;border-bottom:1px solid #666}
.service-points li>span{color:#ffe500;font:400 35px "Krona One",sans-serif}
.service-points h3{margin:0;font-size:24px}
.service-points p{max-width:750px;margin:0;color:#ddd;font-size:15px;line-height:1.85}
.service-navigation{padding:105px 0 120px}
.service-navigation>h2{margin:0 0 38px;font-size:34px}
.service-navigation>div{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.service-navigation a{position:relative;min-height:155px;padding:35px;border:1px solid #222;border-radius:6px;display:flex;flex-direction:column;justify-content:center;transition:.25s}
.service-navigation a::after{content:"→";position:absolute;right:28px;bottom:22px;font-size:22px}
.service-navigation a:hover{background:#222;color:#fff;transform:translateY(-3px)}
.service-navigation b{padding-right:25px;font-size:20px}
.service-navigation span{margin-top:8px;color:#999;font:400 11px "Krona One",sans-serif}
.service-faq{padding:53px 0 25px}
.service-faq-heading{margin-bottom:28px}
.service-faq-heading h2{margin:0;font-size:40px;line-height:1.5;letter-spacing:-.022em}
.service-faq-heading p{margin:-5px 0 0;color:#949494;font:400 16px/1.5 "Krona One",sans-serif}
.service-faq-list{display:grid;gap:20px}
.service-faq details{overflow:hidden;border-radius:10px;background:#f2f2f2}
.service-faq summary{position:relative;min-height:90px;padding:25px 76px 25px 88px;display:flex;align-items:center;cursor:pointer;list-style:none}
.service-faq summary::-webkit-details-marker{display:none}
.service-faq summary b{font-size:20px;line-height:30px;letter-spacing:-.022em}
.service-faq-q{position:absolute;left:24px;top:50%;translate:0 -50%;color:#949494;font:400 36px/1 "Krona One",sans-serif}
.service-faq-toggle{position:absolute;right:27px;top:50%;width:35px;height:35px;translate:0 -50%}
.service-faq-toggle::before,.service-faq-toggle::after{content:"";position:absolute;left:0;top:17px;width:35px;height:1px;background:#1e1e1e;transition:transform .25s,opacity .25s}
.service-faq-toggle::after{transform:rotate(90deg)}
.service-faq details[open] .service-faq-toggle::after{opacity:0;transform:rotate(0)}
.service-faq-answer{padding:0 88px 35px;display:grid;grid-template-columns:36px 1fr;gap:16px;align-items:start}
.service-faq-answer>span{color:#949494;font:400 28px/1.3 "Krona One",sans-serif}
.service-faq-answer p{margin:0;font-size:18px;font-weight:500;line-height:30px;letter-spacing:-.022em}

@media(max-width:900px){
  .service-page .site-header{height:74px;padding:20px}
  .service-overview{grid-template-columns:38% 1fr;gap:35px}
  .service-overview>img{height:330px}
  .service-overview h2{font-size:28px}
  .service-points li{grid-template-columns:100px 180px 1fr}
}

@media(max-width:700px){
  .service-mobile-break{display:block}
  .service-page::after{border-width:5px}
  .service-page .site-header{height:58px;padding:14px 16px}
  .service-page .header-logo{width:130px}
  .service-page .menu-button{top:10px;right:10px;width:44px;height:44px;border-radius:3px}
  .service-shell,.service-breadcrumb{width:calc(100% - 40px)}
  .service-hero{height:390px}
  .service-name{font-size:18px;margin-bottom:20px}
  .service-hero h1{font-size:29px;line-height:1.55}
  .service-hero span{font-size:10px;margin-top:19px}
  .service-breadcrumb{padding:16px 0;font-size:10px}
  .service-overview{display:block;padding:55px 0 70px}
  .service-overview>img{height:230px;margin-bottom:35px}
  .service-overview h2{font-size:24px;line-height:1.55}
  .service-overview div>p:last-child{font-size:14px;line-height:1.9}
  .service-problems{padding-bottom:75px}
  .service-section-title{display:block;margin-bottom:27px}
  .service-section-title h2{font-size:27px}
  .service-section-title small{display:block;margin-top:8px;padding:0}
  .problem-grid{grid-template-columns:1fr;gap:12px}
  .problem-grid p{min-height:82px;padding:27px 24px 24px 62px;font-size:15px}
  .problem-grid p::before{left:25px;top:29px}
  .service-points{padding:70px 0 78px}
  .service-points li{display:block;min-height:0;padding:28px 0}
  .service-points li>span{font-size:23px}
  .service-points h3{margin:8px 0 10px;font-size:20px}
  .service-points p{font-size:13px}
  .service-navigation{padding:65px 0 75px}
  .service-navigation>h2{font-size:27px}
  .service-navigation>div{grid-template-columns:1fr}
  .service-navigation a{min-height:125px;padding:27px}
  .service-faq{padding:46px 0 15px}
  .service-faq-heading h2{font-size:27px}
  .service-faq-heading p{font-size:11px}
  .service-faq-list{gap:12px}
  .service-faq summary{min-height:76px;padding:20px 55px 20px 58px}
  .service-faq summary b{font-size:15px;line-height:1.65}
  .service-faq-q{left:18px;font-size:25px}
  .service-faq-toggle{right:18px;width:24px;height:24px}
  .service-faq-toggle::before,.service-faq-toggle::after{top:12px;width:24px}
  .service-faq-answer{padding:0 24px 25px 58px;grid-template-columns:24px 1fr;gap:10px}
  .service-faq-answer>span{font-size:20px}
  .service-faq-answer p{font-size:13px;line-height:1.8}
}

/* Figma 389:1054 — Corporate website detail page. */
.service-standard .service-hero{height:434px;align-items:stretch}
.service-standard .service-hero-inner{position:relative;padding-top:51px}
.service-standard .service-title-row{display:flex;align-items:center;gap:28px}
.service-standard .service-name{margin:0;font-size:26px;line-height:2}
.service-standard .service-title-row>span{display:block;margin:0;color:#949494;font:400 12px/1.5 "Krona One",sans-serif}
.service-standard .service-hero h1{max-width:900px;margin-top:12px;font-size:42px;line-height:52px;letter-spacing:.1em}
.service-recruit .service-hero h1{max-width:none;white-space:nowrap;letter-spacing:.02em}
.service-hero-description{width:768px;max-width:66%;margin-top:24px;font-size:14px;line-height:24px}
.service-hero-description p{margin:0}
.service-standard .service-breadcrumb{position:absolute;right:0;bottom:8px;width:auto;margin:0;padding:0;color:#cdcdcd;font-size:12px;font-weight:700;text-decoration:none}
.service-standard .service-breadcrumb a{text-decoration:none}
.corporate-assignments{padding:53px 0 72px}
.corporate-heading{display:grid;grid-template-columns:max-content max-content;align-items:center;column-gap:25px}
.corporate-heading h2{margin:0;font-size:40px;line-height:1.5;letter-spacing:-.022em}
.corporate-heading b{font-size:16px}
.corporate-heading small{grid-column:1/-1;margin-top:-5px;color:#949494;font:400 16px/1.5 "Krona One",sans-serif}
.assignment-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px 25px;margin-top:75px}
.assignment-grid article{display:grid;grid-template-rows:180px auto}
.assignment-grid h3{display:flex;align-items:center;margin:0;padding:30px 38px;border-radius:10px;background:#f2f2f2;font-size:30px;line-height:1.34;letter-spacing:-.022em}
.assignment-grid p{margin:0;padding:22px 38px 0;font-size:18px;line-height:28px;letter-spacing:-.022em}
.corporate-features{padding:50px 0 74px;background:#2a2a2a;color:#fff}
.corporate-heading-light h2,.corporate-heading-light b{color:#fff}
.feature-list{margin:54px 0 0;padding:0;list-style:none}
.feature-list li{display:grid;grid-template-columns:133px 1fr;align-items:start;min-height:116px}
.feature-list li>span{color:#626262;font:400 56px/1.1 "Krona One",sans-serif;letter-spacing:-.022em}
.feature-list h3{margin:7px 0 3px;font-size:22px;line-height:30px}
.feature-list p{max-width:985px;margin:0;color:#fff;font-size:14px;line-height:1.4}

@media(max-width:700px){
  .service-standard .service-hero{height:auto;min-height:490px}
  .service-standard .service-hero-inner{padding-top:58px;padding-bottom:65px}
  .service-standard .service-title-row{display:block}
  .service-standard .service-name{font-size:18px}
  .service-standard .service-title-row>span{font-size:10px}
  .service-standard .service-hero h1{margin-top:20px;font-size:28px;line-height:1.5;letter-spacing:.02em}
  .service-recruit .service-hero h1{white-space:normal}
  .service-hero-description{max-width:none;width:auto;margin-top:25px;font-size:12px;line-height:1.85}
  .service-standard .service-breadcrumb{right:0;bottom:16px;font-size:9px}
  .corporate-assignments{padding:46px 0 58px}
  .corporate-heading{display:block}
  .corporate-heading h2{font-size:27px}
  .corporate-heading b{display:block;margin-top:4px;font-size:12px}
  .corporate-heading small{display:block;margin-top:2px;font-size:11px}
  .assignment-grid{grid-template-columns:1fr;gap:28px;margin-top:35px}
  .assignment-grid article{grid-template-rows:auto auto}
  .assignment-grid h3{min-height:105px;padding:24px;font-size:20px}
  .assignment-grid p{padding:16px 24px 0;font-size:13px;line-height:1.8}
  .corporate-features{padding:48px 0 55px}
  .feature-list{margin-top:35px}
  .feature-list li{grid-template-columns:72px 1fr;min-height:0;padding:20px 0}
  .feature-list li>span{font-size:34px}
  .feature-list h3{margin:0 0 8px;font-size:18px;line-height:1.5}
  .feature-list p{font-size:12px;line-height:1.75}
}

/* Breadcrumb placement shared by lower-level pages. */
.service-standard .service-breadcrumb{position:static;right:auto;bottom:auto;width:min(1340px,calc(100% - 7%));margin:18px auto 0;padding:0;justify-content:flex-end;color:#888;font-size:12px}
@media(max-width:700px){
  .service-standard .service-breadcrumb{width:calc(100% - 40px);margin-top:18px;justify-content:flex-start;font-size:10px}
}