/* SSS Digital: graphite, platinum and a narrow iris edge.
   Existing content, anchor IDs, data-flight hooks and motion ownership stay intact.
   Open rows carry services/process; glass is reserved for projects and interaction.
   Panels: 18px. Controls: 8px. No backdrop blur on scrolling project surfaces. */

:where(.development,.products,.collaboration,.approach,.brief-section,.site-footer,.site-dialog){
  --cs-ink:#0a0c10;
  --cs-paper:#f0f0eb;
  --cs-iris:#8d7bff;
  --cs-iris-light:#b9adff;
  --cs-copy:#b9bdc8;
  --cs-label:#a7adbb;
  --cs-line:#dce1f523;
  --cs-control-line:#626b7c;
  --cs-panel:#11151c;
  --cs-ease:cubic-bezier(.23,1,.32,1);
}

.development,.development.section-light,.products,.collaboration,.approach,.approach.section-light,.brief-section{
  padding-block:clamp(88px,8.5vw,144px);
  color:var(--cs-paper);
  background:var(--cs-ink);
  border:0;
}
.development .section-intro,.products .section-intro{margin-top:0;margin-bottom:56px}
.section-intro h2,.products .section-intro h2,.collaboration-heading h2,.approach-heading h2{
  font-family:var(--display);
  font-size:clamp(36px,4.3vw,68px);
  font-weight:450;
  line-height:1.2;
  letter-spacing:-.065em;
  color:var(--cs-paper);
  text-wrap:balance;
}
.section-intro>p,.products .section-intro>p,.collaboration-heading p{
  margin-top:28px;
  max-width:610px;
  font-size:18px;
  line-height:1.75;
  color:var(--cs-copy);
}
.products>.section-kicker{margin-bottom:30px;color:var(--cs-label);font-size:11px;letter-spacing:1.6px}
.products>.section-kicker span{color:inherit;text-align:left}
.products .muted,.collaboration-heading h2 span,.approach-heading h2 span{color:var(--cs-iris-light)}

/* The capability list is deliberately unboxed. */
.services{margin-top:64px;border-color:var(--cs-line)}
.service{border-color:var(--cs-line)}
.service summary{grid-template-columns:48px 1.15fr .85fr 32px;gap:28px;padding-block:36px}
.service-number{padding-top:6px;color:var(--cs-label);font-size:12px}
.service h3{color:var(--cs-paper);font-size:clamp(22px,2vw,30px);font-weight:450;line-height:1.35;letter-spacing:-.045em}
.service-teaser{max-width:270px;color:var(--cs-copy);font-size:15px;line-height:1.65}
.service-plus{width:32px;height:32px;transform:none;border:1px solid var(--cs-control-line);border-radius:8px;background:transparent}
.service-plus::before,.service-plus::after{left:8px;right:8px;top:14px;background:var(--cs-paper)}
.service-plus::before{transform:none}.service-plus::after{transform:rotate(90deg)}
.service[open] .service-plus{background:#e1dcf2;border-color:#e1dcf2}
.service[open] .service-plus::before,.service[open] .service-plus::after{background:var(--cs-ink);transform:none}
.service-body{margin-left:76px;grid-template-columns:1.15fr .85fr;gap:56px;padding:0 60px 38px 0}
.service-body p{max-width:540px;color:var(--cs-copy);font-size:16px;line-height:1.85}
.tags{gap:8px;align-content:start}
.tags span{padding:9px 11px;border:1px solid var(--cs-line);border-radius:4px;background:transparent;color:#c9cdd6;font-size:11px;line-height:1.5}

/* Case entrances own the article; this file never sets its transform. */
.products{padding-top:72px}
.projects-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
.case-card,.case-freehands,.case-lublife{min-width:0;width:100%;margin:0;scroll-margin-top:112px}
.case-domcloud{grid-column:1/-1}
.case-surface,.case-domcloud .case-surface,.case-freehands .case-surface,.case-lublife .case-surface{
  color:var(--cs-paper);
  background:linear-gradient(140deg,#181c26e8,#0e1117f5 72%);
  border:1px solid #dce1f52b;
  border-radius:18px;
  box-shadow:inset 0 1px 0 #f0f0eb09,0 24px 64px #02040a24;
}
.case-topline{padding:34px 40px 0;gap:24px;align-items:center;color:var(--cs-paper)}
.case-client{font-size:13px;line-height:1.55;letter-spacing:-.3px;max-width:65%;color:var(--cs-paper)}
.case-client img{width:146px;max-width:100%;max-height:31px;object-fit:contain;object-position:left}
.case-category,.case-freehands .case-category,.case-lublife .case-category{
  max-width:43%;padding:0;margin:0;border:0;border-radius:0;
  color:var(--cs-label);font-size:11px;line-height:1.55;letter-spacing:.3px;text-align:right;
}
.case-content{min-height:450px;grid-template-columns:1fr 1.12fr}
.case-content .product-copy{min-width:0;padding:28px 40px 44px}
.case-content .product-copy h3{font-size:clamp(30px,3.15vw,48px);line-height:1.24;letter-spacing:-.06em;margin-top:18px;font-weight:450;color:var(--cs-paper)}
.case-content .product-copy>p,.case-freehands .product-copy>p,.case-lublife .product-copy>p{
  max-width:440px;margin-top:24px;color:var(--cs-copy);font-size:16px;line-height:1.8;
}
.case-content .text-button,.case-freehands .text-button,.case-lublife .text-button{
  min-height:50px;margin-top:26px;padding-block:12px;border-color:#a6a2be77;
  color:var(--cs-paper);font-size:14px;gap:40px;
  transition:color 160ms ease,border-color 160ms ease;
}
.case-content .text-button>span{color:var(--cs-iris-light)}
.case-content .product-signature{padding-top:38px;color:var(--cs-label);font-size:11px;letter-spacing:0}
.case-content .product-visual{min-height:450px;background:transparent}
.case-content .product-art-caption,.case-freehands .product-art-caption,.case-lublife .product-art-caption{
  max-width:calc(100% - 48px);right:24px;bottom:22px;
  color:#b7bac8;font-size:10px;line-height:1.6;letter-spacing:.15px;text-align:right;
}
.case-freehands .case-topline,.case-lublife .case-topline{min-height:76px;color:var(--cs-paper)}
.case-freehands .product-copy,.case-lublife .product-copy{min-height:355px;padding-bottom:30px}
.case-freehands .product-copy h3,.case-lublife .product-copy h3{font-size:clamp(29px,2.5vw,39px)}
.case-freehands .product-visual,.case-lublife .product-visual{min-height:350px}
.screen-visual .product-grid{opacity:.16}
.info-display{border-width:1px;border-color:#a3a4bc70;background:linear-gradient(145deg,#292b39,#11141d);box-shadow:inset 1px 1px 0 #eeeeff12,0 20px 48px #02040b55;border-radius:10px}
.display-rear{opacity:.35;background:#171c27}
.display-front{background:linear-gradient(135deg,#232534,#0c1018)}
.display-front img{width:112px;height:112px;opacity:1;filter:none}
.spatial-art{object-fit:contain;object-position:center;mask-image:linear-gradient(transparent,black 12%,black 88%,transparent);opacity:1}
.case-metrics{gap:32px;margin-top:28px}
.case-metrics b{font-size:42px;font-weight:450;color:var(--cs-paper)}
.case-metrics span{font-size:11px;line-height:1.6;color:var(--cs-copy)}
.network-visual{background:transparent!important}
.network-core{width:132px;height:132px;top:82px;left:calc(50% - 66px);gap:0;transform:none;background:none;border:0;border-radius:0;box-shadow:none}
.network-core img{width:100%;height:100%;object-fit:contain;filter:none}
.network-ring{border-color:#b4abc35c}
.network-ring.ring-2{border-color:#8d7bff38}
.network-ring.ring-3{border-color:#9299b21c}
.network-node{width:15px;height:15px;background:linear-gradient(140deg,#b8b4c6,#45495c);border:1px solid #d8d2ed7a;box-shadow:2px 3px 0 #151a24;border-radius:4px}

.own-products{grid-template-columns:1fr 1.3fr;gap:80px;margin-top:80px;padding-top:44px;border-color:var(--cs-line)}
.own-products-label>span{color:var(--cs-paper);font-size:20px;font-weight:450;line-height:1.5;letter-spacing:-.6px}
.own-products-label p{max-width:340px;margin-top:16px;font-size:16px;line-height:1.75;color:var(--cs-copy)}
.own-products .own-product-links button{
  min-height:72px;padding:22px 0;border-color:var(--cs-line);background:none;
  color:var(--cs-paper);font-size:clamp(24px,2.6vw,36px);font-weight:450;letter-spacing:-.05em;
  transition:color 160ms ease,border-color 160ms ease;
}
.own-product-links button span{color:var(--cs-iris-light);font-size:30px}

/* The actual selected crystal is the hub. No constructed panel or extrusion. */
.collaboration{background:linear-gradient(180deg,#0a0c10,#0d1016 45%,#0a0c10);border:0}
.collaboration-heading{display:block;margin-top:0}
.partner-scene{margin-top:54px}
.partner-scene::before{border-color:#b6b8d319}
.partner-scene::after{border-color:#8d7bff12}
.partner-floor{background:none;border-color:#a5a8bf14}
.partner-track{stroke:#9298b243}
.partner-beam{stroke:var(--cs-iris-light)}
.partner-signal{fill:#a6a3bb;stroke:#0d1016}
.partner-scene[data-active=seven-sky] .partner-signal[data-company=seven-sky],
.partner-scene[data-active=elma] .partner-signal[data-company=elma],
.partner-scene[data-active=nagatinsky] .partner-signal[data-company=nagatinsky]{fill:var(--cs-iris-light)}
.partner-scene .partner-hub{background:none;border:0;box-shadow:none}
.partner-core{width:100%;height:100%;margin:0;transform:none;background:none;border:0;border-radius:0;box-shadow:none}
.partner-core-back,.partner-core-edge{display:none}
.partner-core-face{position:static;inset:auto;display:grid;place-items:center;width:100%;height:100%;transform:none;background:none;border:0;border-radius:0;box-shadow:none}
.partner-core-face img,.partner-core>img{width:100%;height:100%;object-fit:contain;filter:none;mix-blend-mode:normal}
.partner-halo{display:none}
.partner-hub .partner-hub-label{color:var(--cs-copy);font-family:var(--font);font-size:12px;letter-spacing:0}
.partner-scene .partner-slot{
  padding:30px;border:1px solid #c0bfd438;border-radius:14px;
  background:linear-gradient(135deg,#1a1e29ed,#10141bf5 75%);
  box-shadow:inset 0 1px 0 #f0f0eb09,0 18px 45px #02040a30;
  transition:border-color 160ms ease,background 160ms ease;
}
.partner-scene .partner-slot::before{background:none;box-shadow:inset 0 0 0 1px #c8bdff8c}
.partner-scene .partner-placeholder{color:var(--cs-paper);font-weight:450;letter-spacing:-.8px}
.partner-scene .partner-caption{max-width:260px;margin-top:23px;color:#c6c9d2;font-size:14px;line-height:1.7}
.partner-action{margin-top:25px;padding-top:17px;border-color:var(--cs-line);color:#bfc2ce;font-size:12px;line-height:1.6}
.partner-action>span{color:var(--cs-iris-light)}
.partner-scene .partner-slot.is-dimmed{opacity:1;background:#0e121a;border-color:#b4b8cb27;box-shadow:inset 0 1px 0 #f0f0eb06}
.partner-scene .partner-slot.is-active,.partner-scene .partner-slot:focus-visible{border-color:#b8a7ff99;background:#191e2a;outline-color:var(--cs-iris-light)}
.partner-scene .partner-slot.is-active .partner-action,.partner-scene .partner-slot:focus-visible .partner-action{color:var(--cs-paper)}

/* Process remains an editorial list, with one result per step. */
.approach-grid{margin-top:0;grid-template-columns:1fr 1.02fr;gap:clamp(64px,8vw,128px)}
.approach-heading h2{font-size:clamp(36px,3.8vw,60px);line-height:1.24}
.approach-heading>p{max-width:380px;margin-top:30px;color:var(--cs-copy);font-size:17px;line-height:1.8}
.approach-heading>img{width:96px;height:96px;margin-top:64px;opacity:1;filter:none;object-fit:contain}
.process li{grid-template-columns:36px minmax(0,1fr);gap:24px;padding-block:34px;border-color:var(--cs-line)}
.process-number{padding-top:8px;font-size:12px;color:var(--cs-label)}
.process h3{color:var(--cs-paper);font-size:25px;font-weight:450;line-height:1.4;letter-spacing:-.045em}
.process p{max-width:460px;margin-top:15px;color:var(--cs-copy);font-size:16px;line-height:1.8}
.process-result{margin-top:20px;color:#c1bbd8;font-size:12px;line-height:1.7}

/* Form glass has a quiet, readable solid base even without blur support. */
.brief-section{background:linear-gradient(180deg,#0a0c10,#10141b);border:0}
.brief-section::before{display:none}
.brief-grid{margin-top:0;grid-template-columns:1fr 1.1fr;gap:clamp(48px,6vw,96px);align-items:start}
.brief-heading h2{font-size:clamp(38px,4.7vw,72px);font-weight:450;line-height:1.2;letter-spacing:-.065em;color:var(--cs-paper)}
.brief-heading h2 span{color:var(--cs-iris-light)}
.brief-heading>p{max-width:390px;margin-top:30px;color:var(--cs-copy);font-size:18px;line-height:1.75}
.brief-heading .brief-privacy{margin-top:32px;color:var(--cs-label);font-size:13px;line-height:1.8}
.brief-arrow{display:none}
.brief-builder{
  min-width:0;min-height:540px;width:100%;max-width:760px;justify-self:end;padding:40px;
  background:linear-gradient(140deg,#1a1e29eb,#11151df5);border:1px solid #b4b6cc42;border-radius:18px;
  box-shadow:inset 0 1px 0 #f0f0eb0c,0 28px 70px #02040a30;
}
.brief-progress{margin-bottom:32px;padding-bottom:24px;gap:16px;border-color:var(--cs-line);font-size:12px;color:#c5c7d1;letter-spacing:0}
.brief-progress i{width:18px;height:3px;background:#51576a;border-radius:0}
.brief-progress i.complete{background:var(--cs-iris-light)}
.brief-step legend{margin-bottom:14px;font-size:clamp(20px,1.8vw,26px);font-weight:450;line-height:1.45;letter-spacing:-.045em;color:var(--cs-paper)}
.step-description{font-size:15px;line-height:1.75;color:var(--cs-copy)}
.choice-grid{gap:12px;margin-top:28px;margin-bottom:28px}
.choice>span{min-height:134px;padding:20px;border:1px solid var(--cs-control-line);border-radius:8px;background:#151a23;color:#e4e5e9;font-size:16px;line-height:1.5;transition:border-color 160ms ease,background 160ms ease}
.choice input:checked+span{background:#27243b;border-color:#b9adff;color:var(--cs-paper)}
.choice-icon{font-size:26px;font-weight:400;color:#b9bdca}
.choice input:checked+span .choice-icon{color:#d3caff}
.choice i{top:17px;right:16px;width:10px;height:10px;border-color:#b0b4c2}
.choice input:checked~i{background:#c5b9ff;border-color:#c5b9ff}
.choice input:focus-visible+span{outline:2px solid #c5b9ff;outline-offset:4px}
.field-label{margin-top:24px;margin-bottom:10px;color:#e1e3e9;font-size:14px;line-height:1.7}
.field-label span{font-size:12px;color:var(--cs-copy)}
.brief-section textarea,.brief-section select{min-width:0;padding:15px;border:1px solid var(--cs-control-line);border-radius:8px;background:#0d1118;color:var(--cs-paper);font-size:16px;line-height:1.65;resize:vertical;color-scheme:dark}
.brief-section textarea::placeholder{color:#a3aabb;opacity:1}
.brief-section select{min-height:54px}.brief-section select option{color:var(--cs-paper);background:#11151d}
.brief-section textarea:focus-visible,.brief-section select:focus-visible{outline:2px solid #c5b9ff;outline-offset:4px;border-color:#a89bdd}
.brief-section textarea[aria-invalid=true]{border-color:#ed9cb0}
.field-error{margin-top:9px;color:#ffbdcd;font-size:13px;line-height:1.7}
.brief-summary{margin-top:26px;padding-top:22px;border-color:var(--cs-line)}
.brief-summary>span{color:#c5bedc;font-size:11px;letter-spacing:1px}
.brief-summary p{color:#d6d9e2;font-size:14px;line-height:1.8}
.download-note{margin-top:18px;color:var(--cs-copy);font-size:13px;line-height:1.75}
.download-status{color:#cec4ff;font-size:14px;line-height:1.7}
.brief-section .button-dark,.brief-section .step-actions .button,.brief-section .brief-step>.button{
  min-height:54px;padding:17px 20px;border:1px solid #f0f0eb;border-radius:8px;
  background:#f0f0eb;color:#0a0c10;font-size:14px;font-weight:500;line-height:1.4;white-space:nowrap;
  transition:background 160ms ease,border-color 160ms ease,transform 140ms var(--cs-ease);
}
.step-actions{gap:16px;margin-top:28px}
.back-step{min-height:50px;padding-block:14px;color:#c9cbd7;font-size:14px;line-height:1.5}

.site-footer{padding-top:64px;padding-bottom:36px;background:#10141b;color:var(--cs-paper)}
.footer-top{padding-bottom:44px;gap:48px;align-items:center}
.footer-top>p{color:#bfc3ce;font-size:16px;line-height:1.75}
.back-top{width:48px;height:48px;min-height:48px;border:1px solid #777f905c;border-radius:8px;background:#171d28;color:var(--cs-paper);transition:background 160ms ease,border-color 160ms ease}
.footer-bottom{padding-top:30px;gap:30px;border-color:var(--cs-line)}
.footer-bottom,.footer-link,.legal-name{font-size:12px;line-height:1.8;color:var(--cs-copy)}
.footer-bottom>div{gap:26px;flex-wrap:wrap}
.footer-link{min-height:44px;display:inline-flex;align-items:center;font-size:12px;transition:color 160ms ease}

.site-dialog{width:calc(100% - 48px);max-width:700px;max-height:min(85dvh,850px);overflow:auto;scrollbar-gutter:stable;background:linear-gradient(135deg,#1c202deb,#11151df7);color:var(--cs-paper);border:1px solid #a6a7be70;border-radius:18px;box-shadow:0 30px 100px #02040b80}
.site-dialog::backdrop{background:#03060bc9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.dialog-inner{padding:52px}
.dialog-inner h2{margin-block:30px;font-size:36px;font-weight:450;line-height:1.3;letter-spacing:-.055em;overflow-wrap:anywhere;color:var(--cs-paper)}
.dialog-inner>.eyebrow{padding-right:40px;color:var(--cs-iris-light);font-size:11px;line-height:1.7;letter-spacing:1px}
.dialog-inner>p:not(.eyebrow),.dialog-details{color:var(--cs-copy);font-size:16px;line-height:1.85}
.dialog-details{border-color:var(--cs-line)}
.legal-list dt{margin-top:26px;color:var(--cs-iris-light);font-size:11px;line-height:1.7;letter-spacing:.8px}
.legal-list dd{color:#d5d8e1;font-size:15px;line-height:1.8}
.dialog-close{right:20px;top:18px;width:44px;height:44px;border:1px solid #c0bfd438;border-radius:8px;background:#272c3b;color:var(--cs-paper);font-size:30px}
.dialog-inner .button{min-height:54px;margin-top:32px;border:1px solid #f0f0eb;border-radius:8px;background:#f0f0eb;color:#0a0c10;font-size:14px;font-weight:500;white-space:nowrap}

@supports (backdrop-filter:blur(12px)){
  .brief-builder{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
}
@media(hover:hover) and (pointer:fine){
  .service summary:hover h3{color:#cfc5ff}
  .case-content .text-button:hover,.case-freehands .text-button:hover,.case-lublife .text-button:hover{color:#cfc5ff;border-color:#b9adff}
  .own-products .own-product-links button:hover{padding-left:0;color:#cfc5ff;border-color:#b9adff80}
  .partner-scene .partner-slot:hover{background:#1b202d;border-color:#b9adff8c}
  .brief-section .button-dark:hover,.brief-section .step-actions .button:hover,.brief-section .brief-step>.button:hover,.dialog-inner .button:hover{background:#d8d0f6;border-color:#d8d0f6;color:#0a0c10}
  .back-step:hover,.footer-link:hover{color:#d2c7ff}
  .back-top:hover{background:#28283d;border-color:#b9adff7a}
}

@media(max-width:1200px){
  .service summary{gap:24px;grid-template-columns:40px 1.1fr .9fr 32px}
  .service-body{margin-left:64px;gap:32px;padding-right:56px}
  .case-topline{padding:30px 30px 0}.case-content .product-copy{padding:26px 30px 36px}
  .case-freehands .case-topline,.case-lublife .case-topline{min-height:74px}
  .case-freehands .product-copy,.case-lublife .product-copy{min-height:365px}
  .partner-scene .partner-slot{padding:26px}.partner-scene .partner-caption{font-size:13px}
  .own-products{gap:50px}.brief-builder{padding:32px}
}
@media(max-width:1000px){
  .development,.development.section-light,.products,.collaboration,.approach,.approach.section-light,.brief-section{padding-block:96px}
  .section-intro h2,.products .section-intro h2,.collaboration-heading h2{font-size:46px}
  .projects-stage{grid-template-columns:minmax(0,1fr);gap:28px}
  .case-domcloud,.case-freehands,.case-lublife{grid-column:auto}
  .case-domcloud .case-content,.case-freehands .case-content,.case-lublife .case-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:400px}
  .case-content .product-copy,.case-freehands .product-copy,.case-lublife .product-copy{min-height:0;padding:24px 28px 36px}
  .case-content .product-copy h3,.case-freehands .product-copy h3,.case-lublife .product-copy h3{font-size:30px}
  .case-content .product-visual,.case-freehands .product-visual,.case-lublife .product-visual{min-height:360px}
  .case-freehands .case-topline,.case-lublife .case-topline{min-height:0}
  .case-freehands .product-copy .text-button,.case-lublife .product-copy .text-button{margin-top:24px}
  .case-content .product-copy>p{font-size:15px}
  .display-rear{left:6%;top:42px}.display-front{left:37%;top:110px}
  .network-core{top:106px}.network-ring{top:90px}.network-ring.ring-2{top:58px}.network-ring.ring-3{top:23px}
  .partner-scene .partner-slot{padding:24px}
  .partner-scene .partner-caption{font-size:13px;line-height:1.65}
  .partner-action{margin-top:20px;padding-top:16px}
  .approach-grid{gap:48px}.approach-heading h2{font-size:38px}
  .process li{gap:18px;grid-template-columns:24px minmax(0,1fr)}
  .process h3{font-size:23px}.process p{font-size:15px}
  .brief-grid{grid-template-columns:minmax(0,1fr);gap:44px}
  .brief-heading{max-width:660px}.brief-heading h2{font-size:52px}
  .brief-heading>p{max-width:540px}.brief-builder{justify-self:start;max-width:760px;padding:36px}
  .footer-top{gap:32px}.footer-top>p{font-size:14px}
}
@media(max-width:700px){
  .development,.development.section-light,.products,.collaboration,.approach,.approach.section-light,.brief-section{padding-block:76px}
  .section-intro h2,.products .section-intro h2,.collaboration-heading h2,.approach-heading h2{font-size:clamp(30px,7.8vw,42px);line-height:1.25;letter-spacing:-.055em}
  .development .section-intro,.products .section-intro{margin-bottom:34px}
  .section-intro>p,.products .section-intro>p,.collaboration-heading p{margin-top:24px;font-size:16px;line-height:1.8}
  .products>.section-kicker{margin-bottom:24px;font-size:10px;letter-spacing:1.2px}
  .services{margin-top:36px}.service summary{grid-template-columns:22px minmax(0,1fr) 30px;gap:14px;padding-block:28px}
  .service-number{font-size:10px;padding-top:5px}.service h3{font-size:21px;line-height:1.4}
  .service-teaser{display:none}.service-plus{width:30px;height:30px}
  .service-plus::before,.service-plus::after{top:13px;left:7px;right:7px}
  .service-body{display:block;margin-left:36px;padding:0 0 30px}
  .service-body p{font-size:15px;line-height:1.8}.tags{margin-top:22px}.tags span{font-size:10px;padding:8px 10px}
  .projects-stage{display:grid;gap:26px}
  .case-surface,.case-domcloud .case-surface,.case-freehands .case-surface,.case-lublife .case-surface{border-radius:14px}
  .case-topline{padding:26px 24px 0;gap:16px;align-items:flex-start}
  .case-client{max-width:58%;font-size:11px;line-height:1.6}.case-client img{width:130px;max-width:100%;max-height:27px}
  .case-category,.case-freehands .case-category,.case-lublife .case-category{max-width:42%;font-size:10px;line-height:1.6;letter-spacing:0}
  .case-domcloud .case-content,.case-freehands .case-content,.case-lublife .case-content{display:flex;flex-direction:column;min-height:0}
  .case-content .product-copy,.case-freehands .product-copy,.case-lublife .product-copy{padding:24px 24px 12px;min-height:0}
  .case-content .product-copy h3,.case-freehands .product-copy h3,.case-lublife .product-copy h3{margin-top:6px;font-size:clamp(26px,6.8vw,35px);line-height:1.3}
  .case-content .product-copy>p,.case-freehands .product-copy>p,.case-lublife .product-copy>p{margin-top:20px;font-size:15px;line-height:1.8}
  .case-content .text-button{margin-top:20px;min-height:50px;font-size:14px;gap:40px}
  .case-content .product-signature{display:none}
  .case-content .product-visual,.case-freehands .product-visual,.case-lublife .product-visual{min-height:320px;margin-top:12px;width:100%}
  .case-content .product-art-caption{right:22px;bottom:20px;font-size:10px;max-width:calc(100% - 44px)}
  .display-rear{left:16%;top:18px}.display-front{left:42%;top:70px}
  .display-front img{width:94px;height:94px}
  .case-metrics{gap:28px;margin-top:26px}.case-metrics b{font-size:38px}.case-metrics span{font-size:11px}
  .network-core{width:124px;height:124px;left:calc(50% - 62px);top:82px}
  .network-ring{top:62px}.network-ring.ring-2{top:32px}.network-ring.ring-3{top:0}
  .own-products{display:block;margin-top:48px;padding-top:34px}.own-products-label>span{font-size:19px}
  .own-products-label p{font-size:15px;line-height:1.8;margin-top:14px}
  .own-product-links{margin-top:30px}.own-products .own-product-links button{padding-block:22px;font-size:26px}
  .partner-scene{margin-top:38px;padding-top:124px;gap:22px}
  .partner-scene::before{background:linear-gradient(#b9adff6b,#a3abc233)}
  .partner-core{width:100%;height:100%;margin:0;transform:none}
  .partner-hub .partner-hub-label{font-size:12px;top:33px;color:#c5c8d3}
  .partner-scene .partner-slot{width:calc(100% - 34px);margin-left:34px;padding:26px 24px;border-radius:12px;overflow:visible}
  .partner-scene .partner-slot::after{left:-11px;width:11px;background:#aaa4c066}
  .partner-scene .partner-placeholder{height:42px;min-height:42px;font-size:25px}
  .partner-scene .partner-seven img{width:160px;max-width:100%}
  .partner-scene .partner-nagatinsky img{width:200px;max-width:100%}
  .partner-scene .partner-caption{margin-top:20px;font-size:14px;line-height:1.7}
  .partner-action{margin-top:22px;padding-top:17px;font-size:12px}
  .approach-grid{display:block;margin-top:0}
  .approach-heading>p{margin-top:26px;max-width:460px;font-size:16px;line-height:1.8}
  .approach-heading>img{display:none}.process{margin-top:44px}
  .process li{padding-block:28px;grid-template-columns:23px minmax(0,1fr);gap:18px}
  .process-number{font-size:11px;padding-top:6px}.process h3{font-size:23px;line-height:1.4}
  .process p{font-size:15px;line-height:1.8}.process-result{font-size:12px;margin-top:19px}
  .brief-grid{gap:36px}.brief-heading h2{font-size:clamp(32px,8.2vw,45px);line-height:1.25}
  .brief-heading>p{margin-top:24px;font-size:16px;line-height:1.8}.brief-heading .brief-privacy{font-size:12px;margin-top:26px}
  .brief-builder{margin-top:0;padding:28px 24px;min-height:0;border-radius:14px}
  .brief-progress{gap:10px;font-size:11px;margin-bottom:28px;padding-bottom:22px}
  .brief-progress i{width:14px}.brief-step legend{font-size:22px;line-height:1.5}
  .step-description{font-size:14px;line-height:1.75}
  .choice-grid{gap:10px}.choice>span{min-height:128px;padding:18px 14px;font-size:15px;line-height:1.5}
  .choice i{top:14px;right:12px}.choice-icon{margin-bottom:16px;font-size:25px}
  .field-label{font-size:14px}.field-label span{display:block;margin-left:0;font-size:12px}
  .step-actions{gap:12px;flex-wrap:wrap;margin-top:24px}
  .brief-section .step-actions .button{min-width:0;flex:1;gap:16px;padding-inline:16px;font-size:13px}
  .back-step{font-size:13px;flex:none;min-width:68px}
  .brief-section textarea,.brief-section select{font-size:16px;padding:14px}
  .brief-summary p,.download-note{font-size:13px;line-height:1.75}
  .site-footer{padding-top:48px;padding-bottom:28px}
  .footer-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;padding-bottom:32px}
  .footer-top>.brand{grid-column:1;grid-row:1;min-width:0;max-width:100%}
  .footer-top>p{grid-column:1;grid-row:2;font-size:14px;line-height:1.7}
  .back-top{grid-column:2;grid-row:1;margin-left:0}
  .footer-bottom{display:flex;flex-direction:column;gap:20px;padding-top:26px}
  .footer-bottom>div{gap:8px 24px;margin-top:0;flex-wrap:wrap}
  .footer-bottom,.footer-link,.legal-name{font-size:11px;line-height:1.8}
  .site-dialog{width:calc(100% - 24px);max-height:88dvh;border-radius:14px}
  .dialog-inner{padding:42px 26px 30px}
  .dialog-inner h2{font-size:28px;margin-block:28px;line-height:1.4}
  .dialog-inner>.eyebrow{font-size:10px;padding-right:36px}
  .dialog-inner>p:not(.eyebrow),.dialog-details{font-size:15px;line-height:1.8}
  .dialog-close{top:14px;right:14px}.dialog-inner .button{width:100%;gap:16px;padding-inline:16px;font-size:13px}
  .legal-list dd{font-size:14px}.legal-list dt{font-size:10px}
}
@media(max-width:370px){
  .service h3{font-size:19px}.service summary{gap:11px;grid-template-columns:20px minmax(0,1fr) 28px}
  .service-body{margin-left:31px}.service-plus{width:28px;height:28px}.service-plus::before,.service-plus::after{top:12px;left:6px;right:6px}
  .case-topline{padding-inline:20px;gap:12px}.case-content .product-copy{padding-inline:20px}
  .case-client{font-size:10px}.case-category,.case-freehands .case-category,.case-lublife .case-category{font-size:9px}
  .case-content .product-copy h3,.case-freehands .product-copy h3,.case-lublife .product-copy h3{font-size:25px}
  .partner-scene .partner-slot{padding-inline:20px}.partner-scene .partner-placeholder{font-size:23px}
  .partner-scene .partner-caption{font-size:13px}.partner-action{font-size:11px}
  .brief-builder{padding-inline:20px}.brief-progress{gap:8px;font-size:10px}.brief-progress i{width:12px}
  .brief-step legend{font-size:20px}.choice>span{padding:18px 12px;font-size:14px}.choice i{right:10px}
  .dialog-inner{padding-inline:22px}.dialog-inner h2{font-size:26px}
}
@media(prefers-reduced-transparency:reduce){
  .case-surface,.case-domcloud .case-surface,.case-freehands .case-surface,.case-lublife .case-surface,
  .partner-scene .partner-slot,.partner-scene .partner-slot.is-active,.brief-builder,.site-dialog{background:#131821;backdrop-filter:none;-webkit-backdrop-filter:none}
  .partner-scene .partner-slot.is-dimmed{background:#10151e}
  .site-dialog::backdrop{background:#05080df5;backdrop-filter:none;-webkit-backdrop-filter:none}
}
@media(prefers-reduced-motion:reduce){
  .service-plus,.case-content .text-button,.own-products .own-product-links button,.partner-scene .partner-slot,
  .choice>span,.brief-section .button-dark,.brief-section .step-actions .button,.brief-section .brief-step>.button,
  .footer-link,.back-top,.dialog-inner .button{transition:none}
}