/* Shared visual refinement; existing content, motion and business accents remain. */
:root{--ink:#142c45;--muted:#56677a;--line:#e0e6ed;--navy:#112d48;--paper:#f5f7fa}
body{ -webkit-font-smoothing:antialiased }
h1,h2,h3{font-weight:600;line-break:strict}
.eyebrow{letter-spacing:.16em;font-weight:600}
header{border-bottom-color:#e7ecf1}
.brand{flex-shrink:0}
.subnav{border-radius:8px;border:1px solid var(--line);box-shadow:0 16px 40px #112d4814}
.subnav a{border-radius:5px}
.button,.nav-contact,.menu-button{border-radius:6px;line-height:1.6;min-height:48px}
.button{padding:18px 26px}
.text-link{line-height:1.7;padding-block:10px;gap:24px}
.circle-arrow{border-color:#bbcbd9;width:38px;height:38px}
.section-heading{align-items:center}
.section-heading h2{font-weight:600;text-wrap:balance}
.section-heading>p{max-width:32em;line-height:2}
.page-intro{border-bottom:1px solid var(--line);margin-bottom:48px;padding-bottom:40px}
.page-intro>p{font-size:1rem;line-height:2}
.breadcrumb{font-size:.75rem;letter-spacing:.02em}
.detail-name{letter-spacing:.04em}
.detail-copy{line-height:2.05}
.talent-photo-frame,.tele-photo-frame,.sales-photo-frame{border-radius:12px 12px 0 0}
.talent-visual figcaption,.tele-visual figcaption,.sales-visual figcaption{border-radius:0 0 12px 12px;padding:24px 28px}
.talent-photo-label,.tele-photo-label,.sales-photo-label{border-radius:4px;background:#fffffff2}
.talent-promise,.telemarketing-page .communicator-section,.reuse-story,.consult-box{border-radius:10px}
.feature-grid{gap:28px}
.feature-grid article{min-width:0}
.feature-grid h3{font-weight:600;line-height:1.75}
.talent-steps li,.sales-channel-grid article,.telemarketing-page .feature-grid article{border-radius:8px}
.talent-steps h3{font-weight:600}
.talent-nepal .nepal-photo{border-radius:10px}
.nepal-link{border-radius:6px}
.blog-card{border-radius:10px;border-color:var(--line);box-shadow:0 4px 20px #112d4805}
.blog-card h3{font-weight:600;line-height:1.8}
.blog-meta{font-size:.8125rem;letter-spacing:.025em}
.blog-read{font-size:.875rem}
.philosophy{border-radius:12px}
.company-table dt{font-size:.9375rem}
.company-table dd{font-size:1rem}
.company-table dl>div{padding-block:26px}
.contact-online{border-radius:10px}
select{border-radius:5px;line-height:1.7}
.contact-band,.home-page .contact-band{border:0;border-radius:12px;background:var(--navy);padding:52px 56px;gap:40px}
.contact-band h2{font-weight:600}
.contact-band p{font-size:1rem;line-height:1.9}
.contact-band .button{flex-shrink:0}
.contact-band .eyebrow{letter-spacing:.16em}
.other-services a{font-size:.9375rem;line-height:1.9;padding:24px 12px;gap:14px}
.other-services a b{flex-shrink:0}
footer{background:#f5f7fa;border-top:1px solid #e6ebf0;padding-top:64px}
.footer-label{font-size:.75rem;letter-spacing:.15em;margin-bottom:20px}
.footer-main .address{font-size:.875rem;line-height:2}
.footer-bottom{font-size:.75rem;letter-spacing:.04em;padding-block:22px}
.footer-marks{border-top-color:#e1e7ee;padding-block:28px}

/* A quieter editorial rhythm on the home page. */
.home-page .home-hero{min-height:640px}
.home-page .hero-copy h1{font-weight:600;letter-spacing:.025em;line-height:1.55}
.home-page .hero-copy .text-link{border-color:#ffffff66;border-radius:6px;padding:14px 22px}
.home-page .hero-copy>p{line-height:2.1;max-width:34em}
.home-page .hero-bottom{background:#0a2439e8}
.home-page .business-section{padding-block:96px}
.home-page .section-heading{margin-bottom:40px}
.home-page .home-service-grid{gap:20px}
.home-page .home-service-card{border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:8px;box-shadow:0 4px 20px #112d4805}
.home-page .home-card-copy{padding:30px 24px 24px}
.home-page .home-card-copy .card-top{min-height:52px;margin-bottom:28px;align-items:flex-start}
.home-page .home-card-copy .service-no{font-size:2.75rem;font-weight:300;letter-spacing:-.055em}
.home-page .home-card-copy .card-en{font-size:.75rem;letter-spacing:.045em;padding-top:5px;max-width:65%}
.home-page .home-card-copy h3{font-size:1.1875rem;line-height:1.75;min-height:3.5em;margin-bottom:16px;font-weight:600}
.home-page .home-card-copy>p{font-size:1rem;line-height:2}
.home-page .home-card-copy .card-bottom{border-top:1px solid #e5ebf1;padding-top:18px;margin-top:28px;font-size:.8125rem}
.home-page .home-card-copy{display:grid;grid-template-rows:auto auto 1fr auto}
.home-page .home-philosophy{background:#f2f6fa;border:1px solid #e2eaf2;border-radius:12px;padding:60px;gap:52px;margin-bottom:88px}
.home-page .home-philosophy-copy{border-left:1px solid #d5e0eb;padding-left:48px}
.home-page .home-philosophy .home-philosophy-motto{color:#214e79;font-weight:600}
.home-page .home-philosophy-copy>p:not(.home-philosophy-motto){line-height:2.1}
.home-page .contact-band{margin-bottom:88px}

@media(min-width:961px){
  header{height:92px;padding-inline:max(32px,calc((100vw - 1320px)/2))}
  nav{gap:24px}
  nav>a:not(.nav-contact),.nav-group>a{padding-block:12px}
  nav a[aria-current=page]:not(.nav-contact){box-shadow:inset 0 -2px #245ac1}
  .home-page .hero-copy{padding-top:80px;padding-bottom:110px}
  .home-page .hero-copy h1{font-size:clamp(2.5rem,4.1vw,3.75rem)}
  .all-services .service-card{border:1px solid var(--line);border-radius:8px;padding:28px 22px}
  .all-services .service-grid{border:0;gap:20px}
  .offer-section{padding-block:64px}
}
@media(min-width:961px) and (max-width:1180px){
  .home-page .home-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-page .home-philosophy{padding:40px;gap:32px}
  .home-page .home-philosophy-copy{padding-left:32px}
  .contact-band,.home-page .contact-band{padding:40px;gap:24px}
  nav{gap:16px}
}
@media(max-width:960px){
  .home-page .business-section{padding-block:64px}
  .home-page .home-philosophy{padding:40px;gap:28px;margin-bottom:56px}
  .home-page .home-philosophy-copy{border-left:0;border-top:1px solid #d5e0eb;padding:28px 0 0}
  .contact-band,.home-page .contact-band{display:block;padding:36px;margin-bottom:56px}
  .contact-band .button{margin-top:24px}
}
@media(max-width:640px){
  .home-page .home-hero{min-height:0}
  .home-page .business-section{padding-block:48px}
  .home-page .section-heading{margin-bottom:28px}
  .home-page .home-card-copy{padding:26px 24px 24px}
  .home-page .home-card-copy .card-top{margin-bottom:22px}
  .home-page .home-card-copy h3{min-height:0;font-size:1.25rem}
  .home-page .home-card-copy .card-bottom{font-size:.875rem}
  .home-page .home-philosophy{padding:30px 24px;margin-bottom:44px}
  .contact-band,.home-page .contact-band{padding:30px 24px;margin-bottom:44px}
  .contact-band .button{white-space:normal;width:100%;min-width:0;gap:16px}
  .page-intro{margin-bottom:32px;padding-bottom:28px}
  .talent-visual figcaption,.tele-visual figcaption,.sales-visual figcaption{padding:20px}
  .company-table dl>div{padding-block:20px}
  .footer-bottom{font-size:.75rem;letter-spacing:0}
  footer{padding-top:40px}
}
/* Five businesses retain equal-sized cards in a centered 3 + 2 composition. */
@media(min-width:1181px){
  .home-page .home-service-grid,.all-services .service-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
  .home-page .home-service-grid>.service-card,.all-services .service-grid>.service-card{grid-column:span 2}
  .home-page .home-service-grid>.service-card:nth-child(4),.all-services .service-grid>.service-card:nth-child(4){grid-column:2 / span 2}
  .home-page .home-service-grid>.service-card:nth-child(5),.all-services .service-grid>.service-card:nth-child(5){grid-column:4 / span 2}
  .other-services>div{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:641px) and (max-width:1180px){
  .home-page .home-service-grid,.all-services .service-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .home-page .home-service-grid>.service-card,.all-services .service-grid>.service-card{grid-column:span 2}
  .home-page .home-service-grid>.service-card:last-child,.all-services .service-grid>.service-card:last-child{grid-column:2 / span 2}
}
.web-page .service-poster{border-radius:12px;background:#eef5f7;min-height:400px}
.web-page .poster-number{font-size:6rem}
.web-page .service-poster h2{font-size:clamp(1.375rem,2vw,1.875rem)}
.web-page .feature-grid article{padding:28px;border:1px solid #d9e6eb;border-top:3px solid var(--accent);border-radius:8px;background:#f7fafb}
.web-flow{padding:20px 0 64px}
.web-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:0}
.web-steps li{border-top:1px solid #b9cfd6;padding:24px 0;min-width:0}
.web-step-number{font:400 1.75rem/1.3 Arial,sans-serif;color:var(--accent)}
.web-steps h3{font-size:1.125rem;margin:16px 0 12px;line-height:1.8}
.web-steps p{font-size:1rem;line-height:2}
.web-scope-note{font-size:.875rem;margin-top:20px;line-height:1.9}
@media(max-width:960px){.web-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.web-page .detail-hero{grid-template-columns:1fr;gap:32px}}
@media(max-width:640px){.web-steps{grid-template-columns:1fr;gap:8px}.web-flow{padding-bottom:40px}.web-page .service-poster{min-height:0}.web-page .poster-number{font-size:3rem}.web-page .feature-grid article{padding:24px}}
/* Visual hierarchy: photography, business symbols and contrasting editorial sections. */
.device-scene{position:relative;isolation:isolate;overflow:hidden;border-radius:16px 16px 0 0;background:#e8edf0;aspect-ratio:3/2;width:100%;min-width:0}
.device-scene .device-backdrop{display:block;width:100%;height:100%;object-fit:contain;border-radius:0}
.device-stage{position:absolute;left:0;top:0;width:1440px;height:960px;transform-origin:0 0;transform:scale(var(--device-scale,0));pointer-events:none}
.device-scene>.device-decoration{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}
.device-overlay{position:relative;width:1440px;height:960px;pointer-events:none}
.device-screen{position:absolute;left:0;top:0;transform-origin:0 0;overflow:hidden;background:#f8faf9;color:#183849;font-family:Arial,'Noto Sans JP',sans-serif}
.device-scroll{animation:device-demo-scroll 22s ease-in-out infinite;animation-play-state:paused}
.device-preview.is-playing .device-scroll{animation-play-state:running}
.device-plant-leaves{transform-box:view-box;transform-origin:45px 478px;animation:device-plant-sway 7.5s ease-in-out infinite;animation-play-state:paused;pointer-events:none}
.device-preview.is-playing .device-plant-leaves{animation-play-state:running}
.desk-friends{pointer-events:none}
.desk-runner{transform-box:view-box;transform-origin:0 0;--chase-delay:0s;animation:desk-chase 12s linear infinite;animation-delay:var(--chase-delay);animation-play-state:paused}
.desk-runner-blue{--chase-delay:0s}
.desk-friend{transform-box:view-box;transform-origin:0 0;animation:desk-running-hop .42s ease-in-out infinite;animation-play-state:paused}
.desk-runner-mint .desk-friend{animation-delay:-.21s}
.desk-facing{transform-box:view-box;transform-origin:0 0;animation:desk-chase-facing 12s steps(1,end) infinite;animation-delay:var(--chase-delay);animation-play-state:paused}
.device-preview.is-playing .desk-runner,.device-preview.is-playing .desk-friend,.device-preview.is-playing .desk-facing{animation-play-state:running}
@keyframes desk-chase{0%,100%{transform:translate(-135px,0)}25%{transform:translate(0,-5px)}50%{transform:translate(135px,0)}75%{transform:translate(0,5px)}}
@keyframes desk-chase-facing{0%,100%{transform:scaleX(1)}50%{transform:scaleX(-1)}}
@keyframes desk-running-hop{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-7px) rotate(3deg)}}
@media(prefers-reduced-motion:reduce){.device-preview .desk-runner,.device-preview .desk-friend,.device-preview .desk-facing{animation:none}}
@keyframes device-plant-sway{0%,100%{transform:rotate(-1.2deg) skewX(-.3deg)}50%{transform:rotate(1.2deg) skewX(.3deg)}}
@media(prefers-reduced-motion:reduce){.device-preview .device-plant-leaves{animation:none}}
.desktop-screen .device-scroll{animation-duration:36s}
.concept-gallery{padding:30px;background:#edf1f4}
.concept-heading{padding:4px 8px 26px;color:#19364b}
.concept-heading>span{font-size:13px;letter-spacing:3px}
.concept-heading strong{display:block;font-size:26px;margin:12px 0}
.concept-heading em{font-style:normal;font-size:14px;color:#526878}
.concept-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.concept-card{overflow:hidden;border-radius:8px;background:white;box-shadow:0 8px 18px #17334810}
.concept-browser{display:flex;justify-content:space-between;padding:9px 14px;background:#fff;color:#83919a;font-size:9px;letter-spacing:1px;border-bottom:1px solid #e3e7ea}
.concept-site{--ink:#153d51;--paper:#f5f8fa;--accent:#53828f;background:var(--paper);color:var(--ink)}
.concept-brand{padding:16px 18px;font-size:14px;font-weight:bold;letter-spacing:1px}
.concept-brand>span{float:right;font-size:8px}
.concept-main{display:grid;grid-template-columns:1fr 46%;min-height:195px}
.concept-copy{padding:24px 18px}
.device-screen .concept-copy small{font-size:8px;letter-spacing:1px;margin:0 0 16px}
.device-screen .concept-copy b{font-size:24px;line-height:1.65}
.concept-more{display:inline-block;margin-top:18px;font-size:8px;border-bottom:1px solid currentColor;padding-bottom:5px;letter-spacing:1px}
.concept-main>img{width:100%;height:100%;max-height:215px;object-fit:cover}
.concept-art{position:relative;overflow:hidden;background:var(--accent);min-height:195px}
.concept-art i{display:block;position:absolute}
.concept-lines{padding:17px;display:flex;gap:12px}
.concept-lines i{height:4px;background:var(--ink);opacity:.15;flex:1}
.concept-caption{display:flex;justify-content:space-between;padding:12px 16px;font-size:12px;color:#364e5d}
.concept-caption span+span{font-size:9px;letter-spacing:1px;color:#7a8e9b}
.concept-cafe .concept-site{--ink:#68462c;--paper:#f8eddd;--accent:#b39168}
.concept-cafe .concept-art i:first-child{width:112px;height:112px;background:#f6edde;border-radius:50%;left:43px;top:37px;box-shadow:0 12px 18px #51361e40}
.concept-cafe .concept-art i:nth-child(2){width:83px;height:83px;border:8px solid #fff9ed;border-radius:50%;background:#5d3924;left:57px;top:51px}
.concept-cafe .concept-art i:last-child{width:18px;height:25px;border:5px solid #fff9ed;border-radius:8px;left:139px;top:80px}
.concept-beauty .concept-site{--ink:#66414f;--paper:#f7eff2;--accent:#dab8c7}
.concept-beauty .concept-art i{width:110px;height:155px;border-radius:60px 60px 0 0;background:#f4e7ed;left:45px;top:40px;transform:rotate(15deg)}
.concept-beauty .concept-art i:nth-child(2){width:45px;height:85px;background:#986a80;left:75px;top:96px;transform:rotate(-12deg)}
.concept-recruit .concept-site{--ink:#18364d;--paper:#e7f1ff;--accent:#4298d3}
.concept-recruit .concept-copy{border-top:5px solid #e9ac46}
.concept-interior .concept-site{--ink:#4d5146;--paper:#f0f0e7;--accent:#b9b9a5}
.concept-interior .concept-art i:first-child{width:100px;height:130px;border:12px solid #ebe9d8;left:52px;top:12px;background:#d7dfd6}
.concept-interior .concept-art i:nth-child(2){width:150px;height:45px;left:28px;top:139px;border-radius:18px 18px 3px 3px;background:#8a765e;box-shadow:0 12px #5d5347}
.concept-fitness .concept-site{--ink:#e5f1ae;--paper:#242e31;--accent:#b7d750}
.concept-fitness .concept-art i{width:35px;height:260px;background:#253235;transform:rotate(30deg);top:-30px;left:45px}
.concept-fitness .concept-art i:nth-child(2){left:105px}.concept-fitness .concept-art i:nth-child(3){left:165px}
.concept-reuse .concept-site{--ink:#315f49;--paper:#eaf3ea;--accent:#789981}
.concept-service .concept-site{--ink:#73462b;--paper:#fff0de;--accent:#af693f}
.concept-footer{padding:32px 10px 8px;font-size:20px;color:#19364b;text-align:center}
.device-screen .concept-footer small{font-size:13px;letter-spacing:0;margin:12px 0 0}
/* The duplicated eight-card track loops horizontally; the phone scroll stays independent. */
.desktop-screen .device-scroll{animation:none}
.desktop-screen .concept-gallery{height:650px;padding:16px 30px;overflow:hidden;box-sizing:border-box}
.desktop-screen .concept-heading{padding:0 8px 12px;line-height:1.3}
.desktop-screen .concept-heading>span{display:block;font-size:11px;line-height:1.4}
.desktop-screen .concept-heading strong{font-size:22px;line-height:1.3;margin:4px 0}
.desktop-screen .concept-heading em{display:block;font-size:11px;line-height:1.4}
.desktop-screen .concept-footer{padding:10px 0 0;font-size:13px;line-height:1.4}
.desktop-screen .concept-footer small{margin:4px 0 0;font-size:10px;line-height:1.4}
.desktop-screen .concept-grid{display:flex;width:max-content;gap:26px;animation:device-gallery-horizontal 96s linear 1s infinite;animation-play-state:paused}
.desktop-screen .concept-card{flex:0 0 457px;width:457px}
.device-preview.is-playing .desktop-screen .concept-grid{animation-play-state:running}
@keyframes device-gallery-horizontal{to{transform:translateX(calc(-50% - 13px))}}
@media(prefers-reduced-motion:reduce){.desktop-screen .concept-grid{animation:none}}
.concept-brand{padding:14px 16px;font-size:12px;letter-spacing:.3px}
.concept-brand>span{font-size:7px;font-weight:400;letter-spacing:0}
.concept-main{height:210px;min-height:210px}
.concept-copy{padding:28px 18px}
.device-screen .concept-copy b{font-size:24px;font-weight:600;line-height:1.65}
.concept-main>img{max-height:none;height:210px}
.concept-layout-cover .concept-main{display:block;position:relative}
.concept-layout-cover .concept-main>img{position:absolute;inset:0;width:100%}
.concept-layout-cover .concept-copy{position:relative;z-index:1;height:100%;box-sizing:border-box;color:white;background:linear-gradient(90deg,#10202cc9,transparent);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.concept-layout-cover .concept-more{padding:7px 12px;border:1px solid #ffffff99;background:#ffffff12}
.concept-detail{padding:18px 16px 14px}
.concept-detail>strong{font-size:13px;font-weight:600;letter-spacing:.3px}
.device-screen .concept-detail>p{font-size:9px;line-height:1.9;margin:8px 0 14px;color:var(--ink)}
.concept-menu{display:flex;gap:8px;border-top:1px solid #798b9133;padding-top:12px}
.concept-menu>span{flex:1;font-size:8px;letter-spacing:.2px}
.concept-restaurant .concept-site{--ink:#ede4d4;--paper:#302b26;--accent:#aa8e62;font-family:Georgia,'Yu Mincho',serif}
.concept-restaurant .concept-main>img{filter:brightness(1.3)}
.concept-restaurant .concept-copy{background:linear-gradient(90deg,#231a1370,transparent 85%);text-shadow:0 1px 4px #231a13}
.concept-cafe .concept-site{--ink:#65472e;--paper:#faf4e8;font-family:Georgia,'Yu Mincho',serif}
.concept-cafe .concept-copy{background:linear-gradient(90deg,#352419b8,transparent)}
.concept-beauty .concept-site{--ink:#745563;--paper:#fbf3f6;font-family:Georgia,'Yu Mincho',serif}
.concept-beauty .concept-main>img{border-radius:70px 70px 0 0}
.concept-architecture .concept-site{--ink:#484b41;--paper:#f4f3ee;font-family:Georgia,'Yu Mincho',serif}
.concept-recruit .concept-copy{border-top:0;border-left:5px solid #efb849}
.concept-recruit .concept-more{background:#255580;color:white;border:0;padding:8px 12px}
.concept-hotel .concept-site{--ink:#5d574c;--paper:#f7f4ed;font-family:Georgia,'Yu Mincho',serif}
.concept-hotel .concept-copy{background:linear-gradient(90deg,#18282abb,transparent)}
.concept-care .concept-site{--ink:#48634c;--paper:#f2f8ee}
.concept-care .concept-main>img{border-radius:55px 0 0 55px}
.concept-care .concept-more{background:#608b61;border:0;border-radius:20px;padding:8px 12px;color:white}
.concept-gym .concept-site{--ink:#eef4e6;--paper:#252e2e;--accent:#c0d86b}
.concept-gym .concept-main>img{filter:brightness(1.35)}
.concept-gym .concept-copy{background:linear-gradient(90deg,#101e2075,transparent 85%);text-shadow:0 1px 4px #101e20}
.concept-gym .concept-more{background:#c0d86b;color:#203032;border:0;font-weight:700;text-shadow:none}
.concept-school .concept-site{--ink:#284d66;--paper:#f1f8fc;--accent:#eeac4e}
.concept-school .concept-copy{border-top:4px solid #eeac4e}
.concept-school .concept-more{background:#e69a2f;color:#fff;border:0;border-radius:18px;padding:8px 12px}
.device-screen .demo-nav{padding:28px 40px;font-size:16px;font-weight:700;letter-spacing:2px;background:#fafcfb}
.demo-nav span{float:right;font-size:11px}
.demo-hero{display:flex;min-height:480px;background:#173b4b;color:white}
.demo-hero>div{width:48%;padding:65px 35px}
.demo-hero img{width:52%;object-fit:cover}
.device-screen small{display:block;font-size:15px;letter-spacing:3px;margin-bottom:22px}
.device-screen b{display:block;font-size:40px;line-height:1.6}
.device-screen p{font-size:20px;line-height:1.8;color:inherit;margin-top:20px}
.demo-about{padding:65px 55px;background:#eff4f1}
.demo-services{padding:60px 45px;background:#fff}
.demo-services>div{display:flex;gap:24px}
.demo-services section{flex:1;padding:24px;background:#edf3f4}
.demo-services i{font-size:36px;color:#367c84;font-style:normal}
.demo-services b{font-size:26px;margin-top:18px}
.demo-services p{font-size:16px}
.demo-contact{padding:60px 50px;background:#246778;color:white}
.phone-screen .device-scroll{animation-duration:26s;animation-delay:-3s}
.phone-screen .demo-nav{padding:20px 16px;font-size:10px;letter-spacing:1px}
.phone-screen .demo-nav span{display:none}
.phone-screen .demo-hero{display:block;min-height:0}
.phone-screen .demo-hero>div{width:auto;padding:32px 22px}
.phone-screen .demo-hero img{width:100%;height:220px;display:block}
.phone-screen small{font-size:9px;letter-spacing:1px;margin-bottom:12px}
.phone-screen b{font-size:27px}
.phone-screen p{font-size:15px}
.phone-screen .demo-about,.phone-screen .demo-services,.phone-screen .demo-contact{padding:32px 22px}
.phone-screen .demo-services>div{display:block}
.phone-screen .demo-services section{padding:18px;margin-top:12px}
.phone-screen .demo-services b{font-size:22px;margin-top:6px}
.phone-screen .lp-brand{padding:18px 20px;font-size:12px;letter-spacing:2px;background:#fff9f0;color:#724a29;font-weight:700}
.phone-screen .lp-hero{padding:30px 20px;background:#f8e7cf;color:#533a28}
.phone-screen .lp-hero b{font-size:28px;line-height:1.7}
.phone-screen .lp-hero img{display:block;width:100%;height:210px;object-fit:cover;border-radius:50% 50% 8px 8px;margin:24px 0}
.phone-screen .lp-cta{display:block;padding:17px 10px;text-align:center;border-radius:30px;background:#ad5a32;color:white;font-size:16px;font-weight:700;margin-top:24px}
.phone-screen .lp-section{padding:40px 24px;background:#fffaf3;color:#533a28}
.phone-screen .lp-support{background:#eee3d5}
.phone-screen .lp-support p{padding:12px 0;border-bottom:1px solid #cbb49c}
.phone-screen .lp-end{padding:40px 24px;background:#704c35;color:white}
@keyframes device-demo-scroll{0%,2.31267345%{transform:translateY(0)}72.24791859%,86.67900093%{transform:translateY(calc(650px - 100%))}100%{transform:translateY(0)}}
.phone-screen .device-scroll{animation-name:device-demo-phone}
@keyframes device-demo-phone{0%,12%{transform:translateY(0)}75%,88%{transform:translateY(calc(700px - 100%))}100%{transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.device-preview .device-scroll{animation:none}}
.business-symbol{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border:1px solid color-mix(in srgb,var(--accent) 25%,white);background:color-mix(in srgb,var(--accent) 7%,white);color:var(--accent);border-radius:16px;margin:0 0 22px}
.business-symbol svg{width:32px;height:32px;flex-shrink:0}
.home-page .home-card-copy{grid-template-rows:auto auto auto 1fr auto;padding:32px}
.home-page .home-card-copy .card-top{margin-bottom:24px}
.home-page .home-card-copy .service-no{color:var(--accent);font-size:3rem}
.home-page .home-service-card,.all-services .service-card{border-radius:16px;border-top-width:1px;box-shadow:0 10px 35px #102e5008;transition:background-color .25s,color .25s,transform .25s,box-shadow .25s}
.home-page .home-card-copy h3{min-height:3.5em;font-size:1.25rem}
.home-page .home-card-copy .card-bottom{margin-top:30px}
.home-page .section-heading .eyebrow,.offer-section .eyebrow,.web-flow .eyebrow{display:flex;align-items:center;gap:12px}
.home-page .section-heading .eyebrow:before,.offer-section .eyebrow:before,.web-flow .eyebrow:before{content:'';display:block;width:28px;height:2px;background:currentColor}
.home-page .home-philosophy{background:#112d48;border:0;color:white;box-shadow:0 20px 50px #102e5010}
.home-page .home-philosophy .eyebrow{color:#9bc5e8}
.home-page .home-philosophy .home-philosophy-motto{color:#c1e4f7;font-size:clamp(1.625rem,2.7vw,2.5rem)}
.home-page .home-philosophy-copy{border-color:#ffffff30}
.home-page .home-philosophy-copy>p:not(.home-philosophy-motto){color:#d5e0ea}
.home-page .home-philosophy .text-link{color:white;border-color:#91acc3}
.contact-band,.home-page .contact-band{background:#eaf2f9;border:1px solid #d6e4f0;border-left:5px solid #245ac1;color:#142e49;border-radius:0 16px 16px 0;padding:56px}
.contact-band .eyebrow{color:#245ac1}.contact-band p{color:#51677d}
.contact-band .button.white{background:#163c63;color:white;box-shadow:0 8px 24px #163c6318}
.editorial-visual{margin:0;min-width:0}
.detail-hero h1{text-wrap:balance;overflow-wrap:anywhere}
.editorial-photo-frame{position:relative;overflow:hidden;aspect-ratio:1.15;border-radius:16px 16px 0 0;background:#edf3f6}
.editorial-photo-frame img{display:block;width:100%;height:100%;object-fit:cover}
.editorial-photo-label{position:absolute;left:20px;top:20px;max-width:calc(100% - 40px);background:#fffffff2;padding:8px 12px;border-radius:4px;font:600 .75rem/1.6 Arial,sans-serif;letter-spacing:.06em}
.editorial-visual figcaption{padding:24px 28px;background:#112d48;color:white;border-bottom:4px solid var(--accent);border-radius:0 0 16px 16px}
.editorial-visual figcaption>span{font-size:1.125rem;font-weight:600;line-height:1.8}
.editorial-visual figcaption small{display:block;font-size:.8125rem;line-height:1.9;color:#d5e3ed;margin-top:8px}
.web-page .detail-hero,.reuse-page .detail-hero{grid-template-columns:1fr 1.1fr;gap:6%;align-items:center}
.web-page .editorial-photo-frame{aspect-ratio:1.1}.web-page .editorial-photo-frame img{object-position:60% center}
.talent-visual,.tele-visual,.sales-visual,.editorial-visual{box-shadow:0 18px 42px #102e500c;border-radius:16px}
.talent-promise,.telemarketing-page .communicator-section,.reuse-story{position:relative;margin-top:12px}
.sales-channel-grid article{border:1px solid #d9e9e8;background:#f3f9f8;padding:36px}
.feature-grid article{transition:border-color .25s}
.blog-card{border-radius:16px}.talent-nepal .nepal-photo{border-radius:16px}
.philosophy{border-radius:16px;box-shadow:0 18px 44px #102e500c}
.aiueo{padding-top:12px;padding-bottom:64px}
@media(min-width:961px){
 .home-page .home-hero{margin:20px auto 0;width:calc(100% - 40px);max-width:1600px;border-radius:18px;overflow:hidden;min-height:690px}
 .home-page .hero-copy{padding-left:clamp(44px,6vw,96px);width:68%;padding-top:86px;padding-bottom:124px}
 .home-page .hero-copy h1{font-size:clamp(2.75rem,4.3vw,4.125rem);line-height:1.5;letter-spacing:.02em}
 .home-page .hero-photo:after{background:linear-gradient(90deg,#071d32ed 0%,#0b263fbb 40%,#0b263f20 80%)}
 .home-page .hero-bottom{padding-inline:clamp(44px,6vw,96px)}
 .home-page .hero-copy .text-link{background:#ffffff12}
 .sales-page .detail-hero>.sales-visual,.reuse-page .detail-hero>.reuse-visual{grid-column:1;grid-row:1}
 .sales-page .detail-hero>div,.reuse-page .detail-hero>div{grid-column:2;grid-row:1}
 .sales-page .detail-hero,.reuse-page .detail-hero{grid-template-columns:1.1fr 1fr}
 .service-detail .offer-section{padding-block:76px}
 .talent-nepal{gap:64px}
 .company-table{padding-top:88px}
}
@media(hover:hover){
 body a.home-service-card:hover .business-symbol,body a.service-card:hover .business-symbol{background:#ffffff18;border-color:#ffffff50;color:white}
 body .contact-band a.button.white:hover{background:#245ac1;color:white}
}
body a.home-service-card:focus-visible .business-symbol,body a.service-card:focus-visible .business-symbol{background:#ffffff18;border-color:#ffffff50;color:white}
@media(max-width:960px){
 .web-page .detail-hero,.reuse-page .detail-hero{display:grid;grid-template-columns:1fr;gap:32px}
 .editorial-photo-frame,.web-page .editorial-photo-frame{aspect-ratio:1.6}
 .home-page .home-card-copy{padding:28px}
 .contact-band,.home-page .contact-band{padding:36px}
}
@media(max-width:640px){
 .business-symbol{width:52px;height:52px;margin-bottom:20px;border-radius:12px}.business-symbol svg{width:28px;height:28px}
 .home-page .home-card-copy{padding:26px 24px}.home-page .home-card-copy h3{min-height:0}
 .home-page .home-card-copy .service-no{font-size:2.5rem}
 .contact-band,.home-page .contact-band{padding:30px 24px}
 .editorial-photo-frame,.web-page .editorial-photo-frame{aspect-ratio:1.25}
 .editorial-photo-label{left:14px;top:14px;max-width:calc(100% - 28px)}
 .editorial-visual figcaption{padding:20px}.editorial-visual figcaption>span{font-size:1rem}
 .sales-channel-grid article{padding:24px}.aiueo{padding-bottom:40px}
}
