/*
  择木首页 · Clico 气质本地试验版
  只做视觉覆盖，不改原页面数据结构、开场动画脚本和业务逻辑。
*/

.clico-trial{
  --ink:#262624;
  --paper:#f6f5f1;
  --bone:#fbfaf7;
  --clay:#3b3b37;
  --silver:#878781;
  --line:rgba(55,53,48,.13);
  --pad:clamp(22px,4.2vw,76px);
  --header:82px;
  --brand-size:clamp(36px,3.3vw,54px);
  --brand-serif:"Noto Serif SC","Source Han Serif SC","Songti SC",serif;
  --soft-shadow:0 22px 68px rgba(55,51,45,.10),0 2px 10px rgba(55,51,45,.05);
  background:var(--paper);
  color:var(--ink);
  font-weight:420;
}

.clico-trial .grain{opacity:.018;mix-blend-mode:multiply}
.clico-trial ::selection{background:#ded9cf;color:#252521}

/* 开场动画：动作完全沿用，仅把舞台换成轻盈的空间样本台。 */
.clico-trial .loader{color:var(--ink)}
.clico-trial .loader-backdrop{
  background:
    radial-gradient(circle at 18% 14%,rgba(255,255,255,.95),transparent 30%),
    radial-gradient(circle at 82% 20%,rgba(230,225,216,.38),transparent 34%),
    linear-gradient(145deg,#faf9f6 0%,#f3f1ec 56%,#f8f7f3 100%);
}
.clico-trial .loader-grid{
  opacity:.48;
  background-image:
    linear-gradient(to right,transparent calc(25% - 1px),rgba(74,70,62,.07) 25%,transparent calc(25% + 1px)),
    linear-gradient(to right,transparent calc(50% - 1px),rgba(74,70,62,.07) 50%,transparent calc(50% + 1px)),
    linear-gradient(to right,transparent calc(75% - 1px),rgba(74,70,62,.07) 75%,transparent calc(75% + 1px)),
    linear-gradient(to bottom,transparent calc(50% - 1px),rgba(74,70,62,.07) 50%,transparent calc(50% + 1px));
}
.clico-trial .loader-label,.clico-trial .loader-status{color:#77746d}
.clico-trial .loader-label span:first-child{
  padding:9px 13px;border:1px solid rgba(255,255,255,.86);border-radius:999px;
  background:rgba(255,255,255,.46);box-shadow:0 8px 24px rgba(74,70,62,.07);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)
}
.clico-trial .loader-status i{background:#807c74;opacity:.28}
.clico-trial .loader-mark{
  width:min(78vw,980px);height:clamp(230px,32vh,350px);
  border:1px solid rgba(255,255,255,.86);border-radius:34px;
  background:rgba(250,249,246,.58);
  box-shadow:var(--soft-shadow),inset 0 1px 0 rgba(255,255,255,.92);
  backdrop-filter:blur(24px) saturate(1.12);-webkit-backdrop-filter:blur(24px) saturate(1.12);
}
.clico-trial .loader-mark:before{inset:8px;border-color:rgba(74,70,62,.12);border-radius:27px}
.clico-trial .loader-mark.is-flight{
  border-color:transparent;background:transparent;box-shadow:none;
  backdrop-filter:none;-webkit-backdrop-filter:none
}
.clico-trial .loader-mark.is-flight:before{opacity:0}

/* 悬浮总导航。 */
.clico-trial .site-header{
  --nav-ink:#292925;--nav-bone:#fbfaf7;--nav-h:60px;
  top:18px;left:50%;width:min(calc(100% - 36px),1120px);height:var(--nav-h);
  padding:0 10px 0 18px;border:1px solid rgba(255,255,255,.92);border-radius:22px;
  color:var(--nav-ink);background:rgba(250,249,246,.78);
  box-shadow:0 17px 48px rgba(59,56,50,.10),inset 0 1px 0 rgba(255,255,255,.96);
  backdrop-filter:blur(22px) saturate(1.25);-webkit-backdrop-filter:blur(22px) saturate(1.25);
  transform:translateX(-50%);transition:background .35s ease,border-color .35s ease,box-shadow .35s ease,color .35s ease;
}
.clico-trial .site-header.is-solid,
.clico-trial .site-header.is-page{
  background:rgba(250,249,246,.92);border-color:rgba(255,255,255,.96);
  box-shadow:0 15px 42px rgba(59,56,50,.11),inset 0 1px 0 #fff;
}
.clico-trial .logo-slot{
  width:52px;height:48px;padding:5px;display:flex;align-items:center;justify-content:center;
  border:1px solid rgba(255,255,255,.96);border-radius:17px;
  background:rgba(255,255,255,.82);box-shadow:0 5px 17px rgba(54,78,108,.09),inset 0 1px 0 #fff;
  opacity:0;transition:opacity .2s linear,background .25s ease
}
.clico-trial .logo-slot img{
  width:43px;
  filter:none;
  opacity:0
}
.clico-trial .site-header .logo-slot span{display:none}
.clico-trial .main-nav{
  gap:clamp(9px,1.1vw,19px);
  color:#565650;
  font-size:12px;
  font-weight:500;
  letter-spacing:.035em
}
.clico-trial .main-nav a{padding:9px 3px;border-radius:10px;transition:color .25s,background .25s}
.clico-trial .main-nav a:hover{color:#1d1d1b;background:rgba(217,212,202,.5)}
.clico-trial .main-nav a:after{display:none}
.clico-trial .header-actions{gap:7px}
.clico-trial .header-login,.clico-trial .header-cta{
  min-height:40px;padding:11px 15px;border:0;border-radius:14px;font:600 11px var(--nav-body)
}
.clico-trial .header-login{color:#62615b;background:rgba(255,255,255,.54)}
.clico-trial .header-cta{color:#fff;background:#292925;box-shadow:0 8px 20px rgba(35,35,32,.16)}
.clico-trial .header-login:hover,.clico-trial .header-cta:hover,
.clico-trial .is-solid .header-login:hover,.clico-trial .is-solid .header-cta:hover{
  color:#fff;background:#57534c
}
.clico-trial .site-header.on-dark,.clico-trial .site-header.on-dark.is-solid{
  color:#f4f1e9;background:rgba(39,39,36,.86);border-color:rgba(255,255,255,.16);
  box-shadow:0 16px 46px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.10)
}
.clico-trial .site-header.on-dark .main-nav{color:#e6e3dc}
.clico-trial .site-header.on-dark .main-nav a:hover{color:#fff;background:rgba(255,255,255,.11)}
.clico-trial .site-header.on-dark .header-login{color:#e6e3dc;background:rgba(255,255,255,.08)}
.clico-trial .site-header.on-dark .header-cta{color:#262624;background:#f2eee4;box-shadow:none}
.clico-trial .site-header.on-dark .menu-button{color:#262624;background:#f2eee4}

/* 首屏：不再使用一张大画，改为轻盈的空间样本带。 */
.clico-trial .hero{
  height:70svh;min-height:620px;color:var(--ink);
  background:
    radial-gradient(circle at 13% 8%,rgba(255,255,255,.9),transparent 32%),
    radial-gradient(circle at 86% 13%,rgba(231,226,216,.3),transparent 34%),
    linear-gradient(155deg,#faf9f6 0%,#f5f3ee 58%,#f8f7f3 100%);
}
.clico-trial .hero:before,.clico-trial .hero:after{
  position:absolute;z-index:3;padding:10px 14px;border:1px solid rgba(255,255,255,.9);border-radius:999px;
  color:#607087;background:rgba(248,251,255,.62);box-shadow:0 10px 30px rgba(55,80,111,.08);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  font:500 9px/1 var(--mono);letter-spacing:.08em;pointer-events:none
}
.clico-trial .hero:before,.clico-trial .hero:after{display:none}
.clico-trial .hero-brand-target{
  left:var(--pad);top:clamp(230px,27vh,310px);color:#000;translate:0 0;
  opacity:0;transform-origin:left top;will-change:transform,opacity
}
.clico-trial .hero-brand-target.is-receiving,.clico-trial .hero-brand-target.is-landed{opacity:1}
.clico-trial .hero-brand-lockup{display:flex;align-items:center;gap:calc(var(--brand-size) * .365);width:max-content}
.clico-trial .hero-brand-logo{
  width:calc(var(--brand-size) * 1.45);height:auto;object-fit:contain;flex:none;
  opacity:0;transform:translateX(-18px) scale(.82);filter:none
}
.clico-trial .hero-brand-logo.is-landed{
  opacity:1;transform:none;transition:opacity .44s ease,transform .58s cubic-bezier(.16,.78,.18,1)
}
.clico-trial .hero-brand-letters{
  font:500 var(--brand-size)/1 var(--brand-serif);letter-spacing:.08em
}
.clico-trial .hero-copy{
  position:absolute;left:var(--pad);right:auto;top:auto;bottom:clamp(70px,8vh,100px);
  width:min(65vw,1160px);transform:none;text-align:left;color:var(--ink)
}
.clico-trial .hero-title{
  color:#383936;font:420 clamp(36px,3.15vw,64px)/1.12 var(--body);
  letter-spacing:-.065em;text-transform:none;text-wrap:balance
}
.clico-trial .hero-exit-char{
  display:inline-block;
  transform:translate3d(0,0,0);
  will-change:transform,opacity
}
.clico-trial .hero-line:nth-child(2){margin-top:7px;color:inherit}
.clico-trial .hero-mobile-break{display:none}
.clico-trial .hero-english{
  position:absolute;z-index:2;right:var(--pad);bottom:clamp(75px,8.5vh,106px);
  width:min(24vw,340px);margin:0;color:#53544f;
  font:500 clamp(20px,1.6vw,28px)/1.25 var(--body);letter-spacing:-.035em;
  text-align:left;white-space:nowrap;will-change:opacity,transform;pointer-events:none
}
.clico-trial .hero-foot{justify-content:center;align-items:center;gap:30px;margin-top:38px}
.clico-trial .hero-foot>p{color:#708096;font-size:11px;line-height:1.65}
.clico-trial .circle-link{
  width:auto;height:auto;min-height:42px;padding:11px 16px;flex-direction:row;gap:10px;
  border:1px solid rgba(73,103,141,.16);border-radius:14px;color:#315174;background:rgba(255,255,255,.68);
  box-shadow:0 8px 22px rgba(54,78,108,.08);backdrop-filter:blur(12px)
}
.clico-trial .circle-link b{font-size:14px}.clico-trial .circle-link:hover{background:#1d62d8;color:#fff}

/* 公共标题语言。 */
.clico-trial .section-kicker{border:0;padding-top:0;color:#7b7a74}
.clico-trial .section-kicker>span:first-child{
  width:max-content;padding:9px 13px;border:1px solid rgba(255,255,255,.9);border-radius:999px;
  color:#45443f;background:rgba(255,255,255,.52);box-shadow:0 8px 24px rgba(55,51,45,.06);
  font:600 12px/1 var(--body)
}
.clico-trial .section-kicker>span:last-child{font-size:9px;letter-spacing:.13em}
.clico-trial .display-title{font-weight:430;letter-spacing:-.06em}

/* 近期项目：取 Clico 的双排纵深影像墙逻辑，内容仍全部来自择木案例。 */
.clico-trial .case-showcase{
  position:relative;margin-top:-1px;padding:0 0 76px;overflow:hidden;color:#f2efe8;
  background:#1d1d1b
}
.clico-trial .case-showcase-heading{
  position:relative;z-index:5;padding-top:clamp(72px,8vw,120px)
}
.clico-trial .case-showcase-label{
  display:flex;justify-content:flex-start;gap:18px;margin-bottom:30px;
  color:#bbb8b0;font:500 11px/1.5 var(--body);letter-spacing:.12em
}
.clico-trial .case-showcase-label>span:first-child{
  padding:0;border:0;border-radius:0;background:none;box-shadow:none;
  color:inherit;font:inherit
}
.clico-trial .case-showcase-label>span:last-child{font:inherit;letter-spacing:inherit}
.clico-trial .case-showcase-heading h2{
  max-width:1000px;margin:0;font:430 clamp(40px,4.35vw,76px)/1.13 var(--body);letter-spacing:-.065em;
  text-wrap:balance
}
.clico-trial .case-showcase-stage{
  position:relative;height:clamp(350px,26vw,460px);margin-top:28px;isolation:isolate;
  perspective:1000px;perspective-origin:50% 50%
}
.clico-trial .case-showcase-stage:before,.clico-trial .case-showcase-stage:after{
  content:"";position:absolute;z-index:4;top:-15%;bottom:-15%;width:30vw;pointer-events:none;
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 28%,#000 72%,transparent);
  mask-image:linear-gradient(180deg,transparent,#000 28%,#000 72%,transparent)
}
.clico-trial .case-showcase-stage:before{left:0;background:linear-gradient(90deg,#1d1d1b 7%,rgba(29,29,27,.96) 28%,rgba(29,29,27,.68) 58%,transparent 100%)}
.clico-trial .case-showcase-stage:after{right:0;background:linear-gradient(270deg,#1d1d1b 7%,rgba(29,29,27,.96) 28%,rgba(29,29,27,.68) 58%,transparent 100%)}
.clico-trial .case-showcase-viewport{
  position:absolute;z-index:1;inset:12px 0 0;overflow:hidden;cursor:default;scroll-snap-type:none;
  transform:rotateX(22deg);transform-origin:50% 0;transform-style:preserve-3d;
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 8%,#000 78%,transparent 100%);
  mask-image:linear-gradient(180deg,transparent 0,#000 8%,#000 78%,transparent 100%)
}
.clico-trial .case-showcase-track{
  display:grid;width:max-content;grid-template-rows:repeat(2,clamp(126px,7vw,140px));
  grid-auto-flow:column;grid-auto-columns:clamp(44px,2.75vw,56px);gap:14px;padding:22px 14px;
  will-change:transform;transform-style:preserve-3d;opacity:1
}
.clico-trial .case-showcase-track.is-loop-ready{animation:zemu-case-wall var(--case-wall-duration,48s) linear infinite}
.clico-trial .case-showcase-viewport:hover .case-showcase-track,.clico-trial .case-showcase-viewport:focus-within .case-showcase-track{animation-play-state:paused}
.clico-trial .case-showcase-card{
  position:relative;display:block;grid-column:span 4;min-width:0;width:auto;height:100%;padding:0;border:0;
  border-radius:18px;overflow:hidden;color:inherit;background:#dce6f1;backface-visibility:hidden;
  box-shadow:0 15px 36px rgba(0,0,0,.24)
}
.clico-trial .case-showcase-card:nth-child(odd){grid-row:1}
.clico-trial .case-showcase-card:nth-child(even){grid-row:2}
.clico-trial .case-showcase-card.case-width-3{grid-column:span 3}
.clico-trial .case-showcase-card.case-width-5{grid-column:span 5}
.clico-trial .case-showcase-image{position:relative;height:100%;aspect-ratio:auto;border-radius:0;background:#3b3935}
.clico-trial .case-showcase-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 62%,rgba(20,31,44,.48));opacity:0;transition:opacity .35s ease}
.clico-trial .case-showcase-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.9) brightness(.98);transform:scale(1.015)}
.clico-trial .case-showcase-card:hover .case-showcase-image:after,.clico-trial .case-showcase-card:focus-visible .case-showcase-image:after{opacity:1}
.clico-trial .case-showcase-card.is-live:hover img{transform:scale(1.055);filter:saturate(.9)}
.clico-trial .case-showcase-meta{
  display:none
}
.clico-trial .case-showcase-hover-title{
  position:absolute;z-index:6;left:0;top:0;max-width:min(320px,calc(100vw - 36px));
  padding:8px 12px;border-radius:9px;background:#f2eee4;color:#292925;
  font:600 14px/1.35 var(--body);letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  opacity:0;pointer-events:none;transition:opacity .18s ease
}
.clico-trial .case-showcase-hover-title.is-visible{opacity:1}
.clico-trial .case-showcase-arrow{display:none}
.clico-trial .case-showcase-controls>a{
  padding:12px 16px;border:1px solid rgba(255,255,255,.18);border-radius:14px;
  color:#f2eee4;background:rgba(255,255,255,.08);box-shadow:none
}
.clico-trial .case-showcase-controls>a:hover{color:#1d1d1b;background:#f2eee4}
@keyframes zemu-case-wall{to{transform:translate3d(calc(-1 * var(--case-wall-distance,0px)),0,0)}}

/* 关于与服务：由粗线表格改为轻卡片。 */
.clico-trial .about-group,.clico-trial .services{background:#f4f2ed}
.clico-trial .about-group .services{padding-top:110px;padding-bottom:116px}
.clico-trial .about-group .statement-pin{
  margin-top:38px;padding:64px clamp(24px,5vw,76px);border:1px solid rgba(255,255,255,.92);border-radius:34px;
  background:
    radial-gradient(circle at 84% 20%,rgba(221,214,202,.45),transparent 35%),
    rgba(255,255,255,.62);
  box-shadow:var(--soft-shadow),inset 0 1px 0 #fff
}
.clico-trial .about-group .statement-copy{
  max-width:1120px;font:430 clamp(36px,3.3vw,60px)/1.18 var(--body);letter-spacing:-.055em;color:#30302c
}
.clico-trial .about-group .service-list{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px;border:0
}
.clico-trial .about-group .service-row{
  grid-template-columns:42px 1fr 28px;grid-template-rows:auto auto;gap:8px 12px;min-height:150px;padding:25px;
  border:1px solid rgba(255,255,255,.94);border-radius:24px;background:rgba(255,255,255,.58);
  box-shadow:0 12px 36px rgba(58,82,112,.07);transition:transform .35s var(--ease),background .35s,box-shadow .35s
}
.clico-trial .about-group .service-row:before{display:none}
.clico-trial .about-group .service-row:hover,.clico-trial .about-group .service-row:focus{
  color:var(--ink);background:#fff;transform:translateY(-4px);box-shadow:0 20px 48px rgba(58,82,112,.12)
}
.clico-trial .about-group .service-row h3{font:520 clamp(24px,2.5vw,42px)/1.05 var(--body);letter-spacing:-.045em}
.clico-trial .about-group .service-row p{grid-column:2/3;margin:0;color:#718096;font-size:11px;line-height:1.7}
.clico-trial .about-group .service-row b{grid-column:3;grid-row:1/3}

/* 精品案例：保留堆叠交互，换成柔和的空间档案卡。 */
.clico-trial .expertise-showcase{padding:110px var(--pad);background:#e9e8e3}
.clico-trial .expertise-board{
  --board-bg:rgba(250,249,246,.88);--board-fg:#292925;--board-accent:#77736b;
  top:92px;height:clamp(600px,68svh,720px);min-height:600px;margin-bottom:24px;
  padding:clamp(34px,4vw,56px);border:1px solid rgba(255,255,255,.95);border-radius:34px;
  background:var(--board-bg);color:var(--board-fg);
  box-shadow:0 28px 72px rgba(55,51,45,.11),inset 0 1px 0 #fff;
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)
}
.clico-trial .expertise-board-violet{--board-bg:rgba(237,235,230,.92)}
.clico-trial .expertise-board-dark{--board-bg:rgba(248,247,243,.94)}
.clico-trial .expertise-board-sand{--board-bg:rgba(226,223,216,.94)}
.clico-trial .expertise-copy h2{font:430 clamp(44px,4.5vw,74px)/1 var(--body);letter-spacing:-.055em}
.clico-trial .expertise-copy p{color:#6c6b65}
.clico-trial .expertise-image{border-radius:25px;background:#dedbd3}
.clico-trial .expertise-image img{filter:saturate(.78) brightness(1.02)}
.clico-trial .expertise-copy a:not(.expertise-title-link):not(h2 a){border-color:rgba(51,72,99,.17);border-radius:14px;background:rgba(255,255,255,.58)}

/* 过往案例、流程与数字。 */
.clico-trial .style-gallery,.clico-trial .process{background:#f4f2ed}
.clico-trial .style-gallery{padding-top:116px}
.clico-trial .style-gallery-intro .display-title,
.clico-trial .process-grid>.display-title{font:430 clamp(38px,3.6vw,66px)/1.06 var(--body);letter-spacing:-.055em;text-align:center}
.clico-trial .style-filters{border:0;justify-content:center;gap:8px}
.clico-trial .style-filters button{padding:10px 15px;border-radius:999px;background:rgba(255,255,255,.62)}
.clico-trial .style-filters button:after{display:none}
.clico-trial .style-filters button.is-active{color:#fff;background:#343430}
.clico-trial .style-grid{gap:16px}
.clico-trial .style-card{padding:8px;border:1px solid rgba(255,255,255,.94);border-radius:24px;background:#fff;box-shadow:0 14px 38px rgba(58,82,112,.08)}
.clico-trial .style-card img,.clico-trial .style-card:after{border-radius:17px}
.clico-trial .style-card>div{left:23px;right:23px;bottom:20px}
.clico-trial .style-more-btn{border:0;background:#fff;box-shadow:0 12px 30px rgba(58,82,112,.1)}
.clico-trial .style-more-btn:hover{background:#343430;color:#fff}
.clico-trial .process ol{gap:14px;border:0}
.clico-trial .process li{
  min-height:170px;padding:25px!important;border:1px solid rgba(255,255,255,.94);border-radius:22px;
  background:rgba(255,255,255,.58);box-shadow:0 12px 34px rgba(58,82,112,.06)
}
.clico-trial .process li span{color:#5b5953}.clico-trial .process li h3{font-family:var(--body);font-weight:520}
.clico-trial .numbers{
  width:calc(100% - (var(--pad) * 2));height:clamp(500px,58svh,640px);margin:0 var(--pad) 110px;
  border:1px solid rgba(255,255,255,.95);border-radius:34px;background:#e7e4dc;color:var(--ink);
  box-shadow:var(--soft-shadow);overflow:hidden
}
.clico-trial .number-body{padding:38px clamp(28px,4vw,64px)}
.clico-trial .number-grid{border-color:rgba(51,72,99,.14)}
.clico-trial .number-grid article{border-color:rgba(51,72,99,.14)}
.clico-trial .number-grid article:nth-child(odd){border-right-color:rgba(51,72,99,.14)}
.clico-trial .number-grid strong{font-weight:430;color:#393833}

/* 联系区：保留完整表单，变成明亮的项目邀请。 */
.clico-trial .contact{
  margin:0 18px 18px;padding:78px var(--pad) 24px;border-radius:36px;
  background:
    radial-gradient(circle at 82% 18%,rgba(246,243,236,.78),transparent 32%),
    linear-gradient(145deg,#eeece6,#e1ded6);
  color:var(--ink);box-shadow:0 24px 70px rgba(55,51,45,.12)
}
.clico-trial .contact .section-kicker{border:0;color:#77746d}
.clico-trial .contact .contact-title-layered{font:430 clamp(62px,5vw,112px)/.82 var(--body);letter-spacing:-.07em}
.clico-trial .contact .contact-title-layered span:last-child{color:#52514b;border-color:currentColor}
.clico-trial .contact-intro>p{color:#6e6b64}
.clico-trial .brief-form{
  border:1px solid rgba(255,255,255,.95);border-radius:26px;background:rgba(255,255,255,.6);
  box-shadow:0 16px 44px rgba(58,82,112,.09);backdrop-filter:blur(16px)
}
.clico-trial .brief-form input,.clico-trial .brief-form select,.clico-trial .brief-form textarea{
  border:1px solid rgba(74,102,137,.14);border-radius:12px;background:rgba(255,255,255,.72);color:var(--ink)
}
.clico-trial .brief-form select option{background:#fff}
.clico-trial .brief-form button{border-radius:13px;background:#343430;color:#fff;box-shadow:0 10px 24px rgba(35,35,32,.16)}
.clico-trial .contact-platform-reserve{border-color:rgba(51,72,99,.13)}
.clico-trial .contact .footer-word{border-color:rgba(51,72,99,.13);color:#393833}
.clico-trial .contact .copyright{border-color:rgba(51,72,99,.13)}

@media(max-width:1100px){
  .clico-trial .main-nav{gap:7px;font-size:11px}
  .clico-trial .header-login{display:none}
  .clico-trial .hero-copy{width:65vw}
}

@media(max-width:900px){
  .clico-trial{--header:74px}
  .clico-trial .site-header{top:12px;width:calc(100% - 24px);height:56px;padding-left:13px;border-radius:19px}
  .clico-trial .logo-slot{width:48px;height:44px;padding:4px;border-radius:15px}
  .clico-trial .logo-slot img{width:40px}
  .clico-trial .header-login{display:flex;min-height:40px;padding-inline:12px}
  .clico-trial .menu-button{display:block;min-height:40px;padding:10px 13px;border:0;border-radius:13px;background:#292925;color:#fff}
  .clico-trial .mobile-menu{
    top:0;padding:84px 20px 20px;border:0;border-radius:0 0 26px 26px;
    background:rgba(246,250,255,.96);box-shadow:0 22px 58px rgba(54,78,108,.16);
    backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)
  }
  .clico-trial .mobile-menu a{border-color:rgba(51,72,99,.1);font-family:var(--body);font-weight:500}
  .clico-trial.in-dark-section .mobile-menu{color:#f2eee4;background:rgba(39,39,36,.97);box-shadow:0 22px 58px rgba(0,0,0,.22)}
  .clico-trial.in-dark-section .mobile-menu a{border-color:rgba(255,255,255,.12)}
  .clico-trial .hero{height:100svh;min-height:760px}
  .clico-trial .hero-brand-target{left:24px;top:148px}
  .clico-trial .hero-copy{left:24px;bottom:150px;width:calc(100% - 48px)}
  .clico-trial .hero-title{font-size:clamp(34px,5.4vw,47px)}
  .clico-trial .hero-english{right:24px;bottom:62px;width:auto;font-size:20px;text-align:right}
  .clico-trial .case-showcase-heading{grid-template-columns:1fr;padding-top:80px}
  .clico-trial .case-showcase-stage{height:370px;margin-top:20px;perspective:900px}
  .clico-trial .case-showcase-stage:before,.clico-trial .case-showcase-stage:after{width:34vw}
  .clico-trial .case-showcase-viewport{transform:rotateX(19deg)}
  .clico-trial .case-showcase-track{grid-template-rows:repeat(2,130px);grid-auto-columns:52px;animation-duration:40s}
  .clico-trial .about-group .service-list{grid-template-columns:1fr}
  .clico-trial .expertise-showcase{padding:86px 20px}
  .clico-trial .expertise-board{top:80px;min-height:0;border-radius:28px}
  .clico-trial .numbers{width:calc(100% - 40px);margin:0 20px 86px;border-radius:28px}
  .clico-trial .contact{margin:0 12px 12px;border-radius:28px}
}

@media(max-width:520px){
  .clico-trial{--brand-size:clamp(30px,8.5vw,37px)}
  .clico-trial .loader-mark{width:88vw;height:210px;border-radius:26px}.clico-trial .loader-mark:before{border-radius:19px}
  .clico-trial .header-login{display:none}
  .clico-trial .hero{min-height:720px}
  .clico-trial .hero-brand-target{top:138px}
  .clico-trial .hero-copy{left:24px;bottom:140px;width:calc(100% - 48px)}
  .clico-trial .hero-title{font-size:clamp(29px,7.5vw,34px);line-height:1.2}
  .clico-trial .hero-english{right:24px;bottom:58px;font-size:17px}
  .clico-trial .hero-mobile-break{display:block}
  .clico-trial .hero-foot{margin-top:32px}.clico-trial .hero-foot>p{display:none}
  .clico-trial .section-kicker>span:first-child{font-size:11px}
  .clico-trial .case-showcase{padding-top:0}
  .clico-trial .case-showcase-heading{padding-top:70px}
  .clico-trial .case-showcase-label{margin-bottom:22px;font-size:10px}
  .clico-trial .case-showcase-heading h2{font-size:clamp(38px,10vw,50px)}
  .clico-trial .case-showcase-stage{height:325px;margin-top:15px;perspective:780px}
  .clico-trial .case-showcase-track{grid-template-rows:repeat(2,112px);grid-auto-columns:46px;gap:10px}
  .clico-trial .case-showcase-card{padding:0;border-radius:16px}.clico-trial .case-showcase-image{border-radius:0}
  .clico-trial .about-group .services{padding-top:76px;padding-bottom:82px}
  .clico-trial .about-group .statement-pin{padding:42px 22px;border-radius:26px}
  .clico-trial .about-group .statement-copy{font-size:clamp(29px,8.4vw,40px)}
  .clico-trial .about-group .service-row{min-height:132px;padding:20px;border-radius:20px}
  .clico-trial .expertise-showcase{padding-top:72px;padding-bottom:72px}
  .clico-trial .expertise-board{padding:26px 20px;border-radius:24px}
  .clico-trial .expertise-image{border-radius:18px}
  .clico-trial .style-card{padding:6px;border-radius:19px}.clico-trial .style-card img,.clico-trial .style-card:after{border-radius:14px}
  .clico-trial .process ol{gap:10px}.clico-trial .process li{min-height:0;padding:21px!important;border-radius:18px}
  .clico-trial .numbers{width:calc(100% - 24px);margin:0 12px 72px;border-radius:24px}
  .clico-trial .contact{padding-top:60px}.clico-trial .brief-form{border-radius:21px}
}

@media(prefers-reduced-motion:reduce){
  .clico-trial .site-header,.clico-trial .case-showcase-card,.clico-trial .service-row{transition:none}
  .clico-trial .case-showcase-track.is-loop-ready{animation:none}
}