/* SSS Digital / Neurorave 02.
   Deliberate rhythm: platinum capabilities, three distinct project worlds,
   glass connections, platinum process, lilac brief. Existing facts and JS hooks.
   Outer data-flight transforms remain exclusively owned by motion.js. */

:where(.development,.products,.collaboration,.approach,.brief-section,.site-footer,.site-dialog){
  --rv-ink:#14141b;
  --rv-paper:#f0f0eb;
  --rv-acid:#c7ff5b;
  --rv-iris:#8d7bff;
  --rv-ease:cubic-bezier(.23,1,.32,1);
}
.development,.development.section-light,.approach,.approach.section-light,.brief-section{
  --cs-paper:#18171f;--cs-copy:#514e5b;--cs-label:#625d6c;
  --cs-line:#1c142b30;--cs-iris-light:#6d48a4;--cs-control-line:#85798e;
}
.development>.section-intro,.development>.services,.products>.section-kicker,.products>.section-intro,
.products>.projects-stage,.products>.own-products,.collaboration>.collaboration-heading,
.collaboration>.partner-scene,.approach>.approach-grid,.brief-section>.brief-grid{
  max-width:1440px;margin-inline:auto;
}

/* Editorial capability rows: dark ink on warm platinum, no card grid. */
.development,.development.section-light{padding-block:120px 112px;background:#f0f0eb;color:#18171f}
.development .section-intro{margin:0 auto 64px}
.development .section-intro h2{font-size:clamp(54px,7.5vw,108px);font-weight:650;line-height:1.08;letter-spacing:-.075em;color:#18171f}
.development .section-intro>p{max-width:650px;margin-top:34px;color:#514e5b;font-size:19px;line-height:1.75}
.development .services{margin-top:0;border-color:#22202b40}
.development .service{border-color:#22202b35}
.development .service summary{grid-template-columns:56px 1.15fr .8fr 38px;gap:30px;padding-block:37px}
.development .service-number{font-family:var(--display);font-size:12px;font-weight:500;color:#6c6578;padding-top:8px}
.development .service h3{font-size:clamp(25px,2.5vw,36px);font-weight:550;letter-spacing:-.055em;line-height:1.3;color:#18171f}
.development .service-teaser{font-size:15px;line-height:1.7;color:#57515f}
.development .service-plus{width:38px;height:38px;border:1px solid #81768f;border-radius:4px;background:transparent}
.development .service-plus::before,.development .service-plus::after{left:10px;right:10px;top:17px;background:#18171f}
.development .service[open] .service-plus{background:#18171f;border-color:#18171f}
.development .service[open] .service-plus::before,.development .service[open] .service-plus::after{background:#c7ff5b}
.development .service-body{margin-left:86px;gap:60px;padding:0 68px 40px 0}
.development .service-body p{font-size:16px;line-height:1.8;color:#514e5b;max-width:560px}
.development .tags span{border-color:#22132e35;border-radius:3px;padding:9px 11px;color:#4e455c;font-size:11px;background:transparent}
.development :is(button,a,summary):focus-visible,.approach :is(button,a):focus-visible{outline:2px solid #6940a3;outline-offset:6px}

/* The first case carries the proof; the two following cases are offset plates. */
.products{padding-block:122px 112px;background:#0a0b10;color:#f0f0eb}
.products>.section-kicker{margin-bottom:34px;color:#aaa1bc;font-size:11px;letter-spacing:1.5px}
.products>.section-kicker span{color:inherit}
.products .section-intro{margin:0 auto 72px}
.products .section-intro h2{font-size:clamp(54px,6.8vw,98px);font-weight:600;line-height:1.1;letter-spacing:-.075em;color:#f0f0eb}
.products .section-intro h2 .muted{color:#b39aff}
.products .section-intro>p{max-width:620px;margin-top:30px;color:#b9b2c8;font-size:18px;line-height:1.75}
.products .projects-stage{display:grid;grid-template-columns:minmax(0,1fr);gap:76px;align-items:start}
.products .case-card{margin:0;min-width:0;scroll-margin-top:112px}
.products .case-domcloud{width:100%;grid-column:1;justify-self:stretch}
.products .case-freehands{width:88%;grid-column:1;justify-self:start}
.products .case-lublife{width:84%;grid-column:1;justify-self:end}
.products .case-surface{height:auto;border-radius:12px;box-shadow:inset 0 1px 0 #ffffff12,0 28px 72px #02020735}
.products .case-topline{padding:36px 44px 0;gap:24px;min-height:0;align-items:center}
.products .case-client{font-size:13px;font-weight:500;letter-spacing:-.25px;line-height:1.55;max-width:66%}
.products .case-client img{width:150px;max-height:34px;max-width:100%}
.products .case-category{font-size:11px;line-height:1.6;letter-spacing:.3px;max-width:42%;padding:0;border:0;margin:0}
.products .case-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);min-height:480px}
.products .case-content .product-copy{padding:32px 44px 46px;min-width:0;min-height:0}
.products .case-content .product-copy h3{margin-top:20px;font-size:clamp(35px,3.5vw,50px);font-weight:550;line-height:1.23;letter-spacing:-.065em}
.products .case-content .product-copy>p{max-width:430px;font-size:16px;line-height:1.8;margin-top:25px}
.products .case-content .text-button{min-height:52px;font-size:14px;margin-top:28px;padding-block:13px;gap:42px;transition:color 160ms ease,border-color 160ms ease}
.products .case-content .product-visual{min-height:480px;width:100%;margin:0}
.products .case-content .product-art-caption{right:24px;bottom:22px;max-width:calc(100% - 48px);font-size:10px;line-height:1.6;letter-spacing:.1px}

/* Seven Sky: graphite, iris depth, large glass display objects. */
.products .case-domcloud .case-surface{background:radial-gradient(ellipse at 100% 65%,#57338685,transparent 67%),linear-gradient(130deg,#15141d,#1d152b);border:1px solid #b2a0cf55;color:#f0f0eb}
.products .case-domcloud .case-content{min-height:540px;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}
.products .case-domcloud .product-copy{padding-bottom:48px}
.products .case-domcloud .product-copy h3{font-size:clamp(39px,4.3vw,62px);color:#f0f0eb}
.products .case-domcloud .product-copy>p,.products .case-domcloud .product-signature{color:#c7bed6}
.products .case-domcloud .case-client{color:#f0f0eb}.products .case-domcloud .case-category{color:#bbb0cb}
.products .case-domcloud .text-button{color:#f0f0eb;border-color:#ae95cf80}
.products .case-domcloud .text-button>span{color:#c7ff5b}
.products .case-domcloud .product-signature{padding-top:40px;font-size:11px;letter-spacing:.1px}
.products .case-domcloud .product-art-caption{color:#c1b3d4}
.products .case-domcloud .product-visual{min-height:540px}
.products .screen-visual .product-grid{opacity:.38}
.products .info-display{border:1px solid #c9b6e59c;border-radius:8px;background:linear-gradient(130deg,#7b599b,#342642 60%,#1a1427);box-shadow:inset 1px 1px 0 #eee3ff2e,9px 10px 0 #100d1c,0 28px 50px #08051066}
.products .display-rear{width:180px;height:320px;left:12%;top:55px;opacity:.45;background:linear-gradient(130deg,#50405e,#20182b)}
.products .display-front{width:224px;height:340px;left:42%;top:130px;background:linear-gradient(140deg,#4b365e,#1b1429);padding:0}
.products .display-front img{content:url('assets/sss-crystal.webp');width:150px;height:150px;filter:none;opacity:1;object-fit:contain}

/* ELMA: light acid tint frames the real graphite spatial artwork. */
.products .case-freehands .case-surface{background:#e2f4c3;border:1px solid #e4f6c6;color:#1b2517}
.products .case-freehands .case-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);min-height:460px}
.products .case-freehands .case-client,.products .case-freehands .product-copy h3{color:#1b2517}
.products .case-freehands .case-category{color:#47583b}
.products .case-freehands .product-copy>p{color:#405138}
.products .case-freehands .text-button{color:#1b2517;border-color:#4a633d8c}
.products .case-freehands .text-button>span{color:#354e25}
.products .case-freehands .product-signature{display:none}
.products .case-freehands .navigation-visual{min-height:460px;align-self:stretch;background:#16191d;mask-image:linear-gradient(90deg,transparent,black 13%);-webkit-mask-image:linear-gradient(90deg,transparent,black 13%)}
.products .case-freehands .spatial-art{width:100%;height:100%;object-fit:cover;object-position:55% 50%;mask-image:none;-webkit-mask-image:none;opacity:1}
.products .case-freehands .product-art-caption{color:#d7dfcf;text-shadow:0 1px 4px #000a}

/* Nagatinsky: pearlescent lilac, dark figures, one actual crystal network core. */
.products .case-lublife .case-surface{background:radial-gradient(ellipse at 85% 55%,#ddd9f5,#c3ace4 62%,#b59bd6);border:1px solid #d0baed;color:#261d35}
.products .case-lublife .case-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:470px}
.products .case-lublife .case-client,.products .case-lublife .product-copy h3{color:#261d35}
.products .case-lublife .case-category{color:#443050}
.products .case-lublife .product-copy>p{color:#443050}
.products .case-lublife .text-button{color:#261d35;border-color:#644a7e8c}
.products .case-lublife .text-button>span{color:#4e316e}
.products .case-lublife .case-metrics{margin-top:30px;gap:32px}
.products .case-lublife .case-metrics b{font-size:48px;color:#312140;font-weight:550}
.products .case-lublife .case-metrics span{font-size:11px;line-height:1.7;color:#443050}
.products .case-lublife .network-visual{min-height:470px;background:transparent!important}
.products .case-lublife .network-core{width:144px;height:144px;left:calc(50% - 72px);top:116px;transform:none;box-shadow:none;background:none;border:0;border-radius:0}
.products .case-lublife .network-core img{content:url('assets/sss-crystal.webp');width:100%;height:100%;object-fit:contain;filter:none}
.products .case-lublife .network-ring{left:calc(50% - 115px);top:98px;width:230px;height:180px;border-color:#68488778}
.products .case-lublife .network-ring.ring-2{left:calc(50% - 160px);top:63px;width:320px;height:250px;border-color:#7f55a24d}
.products .case-lublife .network-ring.ring-3{left:calc(50% - 205px);top:28px;width:410px;height:320px;border-color:#81609b2e}
.products .case-lublife .network-node{width:16px;height:16px;background:linear-gradient(135deg,#f5edff,#a382c2);border:1px solid #806295;box-shadow:3px 4px 0 #87689e75;border-radius:4px}
.products .case-lublife .node-1{top:72px;left:35%}.products .case-lublife .node-2{top:50px;left:65%}.products .case-lublife .node-3{top:120px;left:79%}
.products .case-lublife .node-4{top:213px;left:83%}.products .case-lublife .node-5{top:282px;left:67%}.products .case-lublife .node-6{top:305px;left:42%}
.products .case-lublife .node-7{top:253px;left:20%}.products .case-lublife .node-8{top:170px;left:14%}.products .case-lublife .node-9{top:92px;left:18%}
.products .case-lublife .product-art-caption{color:#443050;text-shadow:none}

.products .own-products{margin-top:96px;padding-top:42px;border-color:#b6a7ca40;gap:80px}
.products .own-products-label>span{font-size:22px;font-weight:550;letter-spacing:-.6px;color:#f0f0eb}
.products .own-products-label p{font-size:16px;line-height:1.8;color:#b6aec5}
.products .own-product-links button{font-size:clamp(26px,2.8vw,38px);font-weight:500;color:#f0f0eb;border-color:#aa9bbf40}
.products .own-product-links button>span{color:#c7ff5b}

/* Tangible glass cards, exact selected crystal, restrained signal lines. */
.collaboration{padding-block:112px 108px;background:#101018;border-top:1px solid #b19ccc29;border-bottom:0}
.collaboration-heading h2{font-size:clamp(48px,5.7vw,82px);line-height:1.12;letter-spacing:-.07em;font-weight:600;color:#f0f0eb}
.collaboration-heading h2 span{color:#c7ff5b}
.collaboration-heading p{font-size:18px;line-height:1.8;color:#c1b7d0;max-width:540px}
.collaboration .partner-scene{margin-top:54px}
.collaboration .partner-scene::before{border-color:#baa0e638}.collaboration .partner-scene::after{border-color:#c7ff5b26}
.collaboration .partner-floor{background:none;border-color:#bfa5dd24}
.collaboration .partner-track{stroke:#c4aee475;stroke-width:1}
.collaboration .partner-beam{stroke:#c7ff5b;stroke-width:1.7}
.collaboration .partner-signal{fill:#c3acd9;stroke:#101018}
.collaboration .partner-scene[data-active=seven-sky] .partner-signal[data-company=seven-sky],
.collaboration .partner-scene[data-active=elma] .partner-signal[data-company=elma],
.collaboration .partner-scene[data-active=nagatinsky] .partner-signal[data-company=nagatinsky]{fill:#c7ff5b}
.collaboration .partner-core{width:100%;height:100%;margin:0;transform:none;background:none;border:0;box-shadow:none}
.collaboration .partner-core-back,.collaboration .partner-core-edge{display:none}
.collaboration .partner-core-face{background:none;border:0;box-shadow:none;transform:none}
.collaboration .partner-core-face img{width:100%;height:100%;filter:none;object-fit:contain}
.collaboration .partner-hub .partner-hub-label{color:#d0c4e0;font-size:12px;letter-spacing:.2px}
.collaboration .partner-scene .partner-slot{padding:30px;border:1px solid #c2afd36b;border-radius:10px;background:linear-gradient(135deg,#3d3448dc,#1e1b2cde 70%);box-shadow:inset 0 1px 0 #eee7ff2b,0 3px 0 #080710,0 24px 52px #04030a4d}
.collaboration .partner-scene .partner-slot::before{box-shadow:inset 0 0 0 1px #d2ff888c;background:linear-gradient(135deg,#c7ff5b07,transparent 60%)}
.collaboration .partner-scene .partner-placeholder{color:#f0f0eb;font-weight:500}
.collaboration .partner-scene .partner-caption{color:#d6cce1;font-size:14px;line-height:1.75}
.collaboration .partner-action{color:#c2b4d0;font-size:12px;border-color:#d2bee52e}
.collaboration .partner-action>span{color:#c7ff5b}
.collaboration .partner-scene .partner-slot.is-dimmed{opacity:1;background:#211d2b;border-color:#a18cac59;box-shadow:inset 0 1px 0 #eee7ff14,0 20px 40px #03020930}
.collaboration .partner-scene .partner-slot.is-active,.collaboration .partner-scene .partner-slot:focus-visible{background:linear-gradient(135deg,#453a50,#252033);border-color:#c7ff5ba6;outline-color:#c7ff5b}

/* Platinum process gives the visitor a clear reading interval after the work. */
.approach,.approach.section-light{padding-block:120px;background:#eceee7;color:#18171f}
.approach .approach-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:90px}
.approach .approach-heading h2{font-size:clamp(42px,5.2vw,74px);font-weight:600;line-height:1.15;letter-spacing:-.07em;color:#18171f}
.approach .approach-heading h2 span{color:#7652af}
.approach .approach-heading>p{font-size:17px;line-height:1.8;color:#55515e;max-width:400px;margin-top:34px}
.approach .approach-heading>img{filter:brightness(0);opacity:1;width:76px;height:76px}
.approach .process li{padding-block:31px;border-color:#24202f3b;grid-template-columns:38px minmax(0,1fr);gap:24px}
.approach .process-number{padding-top:8px;font-family:var(--display);font-size:12px;color:#73657c}
.approach .process h3{font-size:27px;font-weight:550;color:#18171f;line-height:1.35}
.approach .process p{font-size:16px;line-height:1.8;color:#55515e}
.approach .process-result{display:block;margin-top:20px;padding-left:12px;border-left:2px solid #8d7bff;color:#5b4b6a;font-size:12px;line-height:1.7}

/* Lilac workspace, warm light form, acid primary action. */
.brief-section{padding-block:112px;background:#bba5df;color:#21172e;border:0}
.brief-section .brief-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:76px}
.brief-section .brief-heading h2{font-size:clamp(42px,5.1vw,74px);font-weight:600;line-height:1.16;letter-spacing:-.07em;color:#21172e}
.brief-section .brief-heading h2 span{color:#5d3488}
.brief-section .brief-heading>p{font-size:18px;line-height:1.8;color:#493858;max-width:390px}
.brief-section .brief-heading .brief-privacy{font-size:13px;line-height:1.8;color:#493858;max-width:390px}
.brief-section .brief-arrow{display:block;font-size:108px;line-height:1;margin-top:34px;color:#583878}
.brief-section .brief-builder{padding:38px;background:#f4f1f6;border:1px solid #5534666b;border-radius:12px;box-shadow:12px 14px 0 #6b458c30;color:#21172e;backdrop-filter:none;-webkit-backdrop-filter:none;color-scheme:light}
.brief-section .brief-progress{color:#62536e;border-color:#60476f33;font-size:12px}
.brief-section .brief-progress i{background:#d3c9de}.brief-section .brief-progress i.complete{background:#7650a0}
.brief-section .brief-step legend{font-size:clamp(21px,1.8vw,26px);color:#21172e;font-weight:500}
.brief-section .step-description{color:#64546e;font-size:15px;line-height:1.75}
.brief-section .choice>span{background:#fcfafc;border:1px solid #95839f;border-radius:5px;color:#302639;font-size:16px;line-height:1.5}
.brief-section .choice input:checked+span{background:#dff6b7;border-color:#495a34;color:#1d2715}
.brief-section .choice-icon{color:#776087}.brief-section .choice input:checked+span .choice-icon{color:#394f27}
.brief-section .choice i{border-color:#8d7d9a}.brief-section .choice input:checked~i{background:#324d22;border-color:#324d22}
.brief-section .choice input:focus-visible+span{outline:2px solid #633793;outline-offset:4px}
.brief-section .field-label{color:#493853;font-size:14px}.brief-section .field-label span{color:#6d5b7a;font-size:12px}
.brief-section textarea,.brief-section select{font-size:16px;color:#261b30;background:#fffdfd;border:1px solid #93809f;border-radius:5px;color-scheme:light}
.brief-section textarea::placeholder{color:#73617e;opacity:1}
.brief-section select option{color:#261b30;background:#fffdfd}
.brief-section textarea:focus-visible,.brief-section select:focus-visible{outline:2px solid #633793;outline-offset:4px;border-color:#633793}
.brief-section textarea[aria-invalid=true]{border-color:#96304b}.brief-section .field-error{color:#96304b}
.brief-section .brief-summary{border-color:#60476f33}.brief-section .brief-summary>span{color:#6a4d7e}
.brief-section .brief-summary p{color:#493853;font-size:14px;line-height:1.8}
.brief-section .download-note{color:#6c587a;font-size:13px}.brief-section .download-status{color:#4e6435;font-size:14px}
.brief-section .button-dark,.brief-section .step-actions .button,.brief-section .brief-step>.button{
  border:1px solid #7f9d45;border-radius:5px;background:#c7ff5b;color:#15200e;
  min-height:54px;font-size:14px;font-weight:600;box-shadow:none;
}
.brief-section .back-step{color:#6a507c;font-size:14px}
.brief-section :is(button,a):focus-visible{outline:2px solid #633793;outline-offset:5px}
.site-footer{background:#0a0b10}.site-footer .footer-link{color:#bcb1cc}.site-footer .back-top{background:#201b2c;border-color:#a492bb61}
.site-dialog{background:linear-gradient(140deg,#292134,#15111e);border-color:#b29bc577}
.site-dialog .dialog-inner>.eyebrow,.site-dialog .legal-list dt{color:#c6a9ff}
.site-dialog .dialog-inner .button{background:#c7ff5b;border-color:#c7ff5b;color:#15200e;border-radius:5px}

@media(hover:hover) and (pointer:fine){
  .development .service summary:hover h3{color:#6940a3}
  .products .case-domcloud .text-button:hover{color:#d9ff9f;border-color:#c7ff5b}
  .products .case-freehands .text-button:hover{color:#365526;border-color:#365526}
  .products .case-lublife .text-button:hover{color:#623887;border-color:#623887}
  .products .own-product-links button:hover{color:#d9ff9f;border-color:#c7ff5b7a;padding-left:0}
  .collaboration .partner-scene .partner-slot:hover{background:linear-gradient(135deg,#483b54,#292232);border-color:#d7c2e5a6}
  .brief-section .button-dark:hover,.brief-section .step-actions .button:hover,.brief-section .brief-step>.button:hover,.site-dialog .dialog-inner .button:hover{background:#d7ff86;border-color:#829f4b;color:#15200e}
  .brief-section .back-step:hover{color:#3f1d60}.site-footer .footer-link:hover{color:#c7ff5b}
  .site-footer .back-top:hover{background:#392c4b;border-color:#c7ff5b80}
}

@media(max-width:1200px){
  .development,.development.section-light{padding-block:104px 96px}
  .development .section-intro h2{font-size:clamp(58px,7.5vw,88px)}
  .development .service summary{grid-template-columns:42px 1.1fr .8fr 34px;gap:24px}
  .development .service h3{font-size:28px}.development .service-body{margin-left:66px;padding-right:58px;gap:32px}
  .development .service-plus{width:34px;height:34px}.development .service-plus::before,.development .service-plus::after{top:15px;left:8px;right:8px}
  .products .case-topline{padding:30px 34px 0}.products .case-content .product-copy{padding:28px 34px 38px}
  .products .case-content .product-copy h3{font-size:38px}.products .case-domcloud .product-copy h3{font-size:52px}
  .products .case-freehands{width:93%}.products .case-lublife{width:89%}
  .products .display-front{width:190px;height:310px;left:40%;top:126px}.products .display-rear{width:160px;height:290px;left:10%}
  .collaboration .partner-scene .partner-slot{padding:27px}.collaboration .partner-scene .partner-caption{font-size:13px}
  .approach .approach-grid{gap:60px}.approach .process h3{font-size:25px}
  .brief-section .brief-grid{gap:48px}.brief-section .brief-builder{padding:30px}
}
@media(max-width:1000px){
  .development,.development.section-light,.products,.collaboration,.approach,.approach.section-light,.brief-section{padding-block:88px}
  .development .section-intro h2{font-size:64px}.development .section-intro>p{font-size:18px;max-width:620px}
  .development .service h3{font-size:24px}.development .service-teaser{font-size:14px}
  .products .section-intro h2{font-size:64px}.products .section-intro{margin-bottom:54px}
  .products .projects-stage{gap:48px}.products .case-freehands,.products .case-lublife{width:100%;justify-self:stretch}
  .products .case-content,.products .case-freehands .case-content,.products .case-lublife .case-content{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:430px}
  .products .case-content .product-copy{padding:24px 28px 36px}
  .products .case-content .product-copy h3{font-size:32px}.products .case-domcloud .product-copy h3{font-size:40px}
  .products .case-content .product-copy>p{font-size:15px}
  .products .case-content .product-visual,.products .case-freehands .navigation-visual,.products .case-lublife .network-visual{min-height:430px}
  .products .case-domcloud .case-content,.products .case-domcloud .product-visual{min-height:460px}
  .products .display-rear{left:5%;top:40px;width:132px;height:255px}.products .display-front{left:37%;top:115px;width:164px;height:282px}
  .products .display-front img{width:126px;height:126px}
  .products .case-lublife .network-ring.ring-2{left:calc(50% - 145px);width:290px}
  .products .case-lublife .network-ring.ring-3{left:calc(50% - 180px);width:360px}
  .products .own-products{gap:40px;margin-top:70px}
  .collaboration-heading h2{font-size:58px}.collaboration .partner-scene .partner-slot{padding:24px}
  .collaboration .partner-scene .partner-caption{font-size:13px}
  .approach .approach-grid{display:block}.approach .approach-heading h2{font-size:60px}
  .approach .approach-heading>p{max-width:580px}.approach .approach-heading>img{display:none}
  .approach .process{margin-top:50px}.approach .process li{grid-template-columns:42px minmax(0,1fr);gap:24px}
  .approach .process p{max-width:630px}
  .brief-section .brief-grid{grid-template-columns:minmax(0,1fr);gap:44px}
  .brief-section .brief-heading h2{font-size:58px}.brief-section .brief-heading>p{max-width:540px}
  .brief-section .brief-arrow{display:none}.brief-section .brief-builder{justify-self:start;padding:36px;max-width:760px}
}
@media(max-width:700px){
  .development,.development.section-light,.products,.collaboration,.approach,.approach.section-light,.brief-section{padding-block:72px}
  .development .section-intro{margin-bottom:38px}
  .development .section-intro h2{font-size:clamp(36px,9.5vw,58px);line-height:1.13;letter-spacing:-.07em}
  .development .section-intro>p{font-size:16px;line-height:1.8;margin-top:26px}
  .development .service summary{grid-template-columns:22px minmax(0,1fr) 30px;gap:13px;padding-block:28px}
  .development .service-number{font-size:10px;padding-top:5px}
  .development .service h3{font-size:21px;line-height:1.4}
  .development .service-plus{width:30px;height:30px}.development .service-plus::before,.development .service-plus::after{top:13px;left:7px;right:7px}
  .development .service-body{display:block;margin-left:35px;padding:0 0 30px}
  .development .service-body p{font-size:15px;line-height:1.8}.development .tags span{font-size:10px;padding:8px 10px}
  .products>.section-kicker{font-size:10px;margin-bottom:26px}
  .products .section-intro h2{font-size:clamp(36px,9.2vw,58px);line-height:1.15;letter-spacing:-.07em}
  .products .section-intro>p{font-size:16px;line-height:1.8;margin-top:26px}.products .section-intro{margin-bottom:38px}
  .products .projects-stage{gap:32px}.products .case-domcloud,.products .case-freehands,.products .case-lublife{width:100%}
  .products .case-surface{border-radius:9px}
  .products .case-topline{padding:25px 24px 0;gap:14px;align-items:flex-start}
  .products .case-client{font-size:11px;max-width:58%;line-height:1.6}.products .case-client img{width:132px;max-width:100%;max-height:29px}
  .products .case-category{font-size:10px;max-width:42%;letter-spacing:0;line-height:1.6}
  .products .case-content,.products .case-domcloud .case-content,.products .case-freehands .case-content,.products .case-lublife .case-content{display:flex;flex-direction:column;min-height:0}
  .products .case-content .product-copy{padding:26px 24px 18px;min-height:0}
  .products .case-content .product-copy h3,.products .case-domcloud .product-copy h3{font-size:clamp(28px,7.8vw,38px);line-height:1.3;margin-top:5px}
  .products .case-content .product-copy>p{font-size:15px;line-height:1.8;margin-top:22px}
  .products .case-content .text-button{margin-top:20px;font-size:14px;min-height:50px;gap:40px}
  .products .case-content .product-signature{display:none}
  .products .case-content .product-visual,.products .case-domcloud .product-visual,.products .case-lublife .network-visual{min-height:350px}
  .products .case-freehands .navigation-visual{min-height:350px;mask-image:linear-gradient(180deg,transparent,black 11%);-webkit-mask-image:linear-gradient(180deg,transparent,black 11%)}
  .products .case-freehands .spatial-art{object-fit:cover;object-position:55% 50%}
  .products .case-content .product-art-caption{right:22px;bottom:20px;font-size:10px;max-width:calc(100% - 44px)}
  .products .display-rear{left:14%;top:22px;width:128px;height:235px}
  .products .display-front{left:42%;top:62px;width:150px;height:250px}.products .display-front img{width:112px;height:112px}
  .products .case-lublife .case-metrics{gap:30px;margin-top:26px}.products .case-lublife .case-metrics b{font-size:42px}
  .products .case-lublife .network-core{width:124px;height:124px;left:calc(50% - 62px);top:90px}
  .products .case-lublife .network-ring{left:calc(50% - 107px);top:70px;width:215px;height:165px}
  .products .case-lublife .network-ring.ring-2{left:calc(50% - 137px);top:40px;width:275px;height:225px}
  .products .case-lublife .network-ring.ring-3{left:calc(50% - 170px);top:5px;width:340px;height:290px}
  .products .case-lublife .node-1{top:40px;left:35%}.products .case-lublife .node-2{top:20px;left:65%}.products .case-lublife .node-3{top:90px;left:79%}
  .products .case-lublife .node-4{top:180px;left:83%}.products .case-lublife .node-5{top:245px;left:67%}.products .case-lublife .node-6{top:268px;left:42%}
  .products .case-lublife .node-7{top:220px;left:20%}.products .case-lublife .node-8{top:140px;left:14%}.products .case-lublife .node-9{top:60px;left:18%}
  .products .own-products{display:block;margin-top:54px;padding-top:34px}
  .products .own-products-label>span{font-size:20px}.products .own-products-label p{font-size:15px;line-height:1.8}
  .products .own-product-links button{font-size:27px;min-height:72px}
  .collaboration-heading h2{font-size:clamp(36px,9vw,52px);line-height:1.18;letter-spacing:-.065em}
  .collaboration-heading p{font-size:16px;line-height:1.8;margin-top:26px}
  .collaboration .partner-scene{margin-top:36px;padding-top:124px;gap:22px}
  .collaboration .partner-scene::before{background:linear-gradient(#c1a4e880,#c7ff5b50)}
  .collaboration .partner-scene .partner-slot{padding:27px 24px;border-radius:9px}
  .collaboration .partner-scene .partner-slot::after{background:#c4a8e480}
  .collaboration .partner-scene .partner-placeholder{font-size:25px}
  .collaboration .partner-scene .partner-caption{font-size:14px;line-height:1.75;margin-top:20px}
  .collaboration .partner-action{font-size:12px;margin-top:22px;padding-top:17px}
  .approach .approach-heading h2{font-size:clamp(35px,9vw,52px);line-height:1.2;letter-spacing:-.065em}
  .approach .approach-heading>p{font-size:16px;line-height:1.8;margin-top:28px}
  .approach .process{margin-top:40px}.approach .process li{grid-template-columns:23px minmax(0,1fr);gap:18px;padding-block:28px}
  .approach .process-number{font-size:10px;padding-top:7px}.approach .process h3{font-size:23px;line-height:1.4}
  .approach .process p{font-size:15px;line-height:1.8}.approach .process-result{font-size:12px;line-height:1.75}
  .brief-section .brief-grid{gap:36px}.brief-section .brief-heading h2{font-size:clamp(34px,8.6vw,48px);line-height:1.25}
  .brief-section .brief-heading>p{font-size:16px;line-height:1.8;margin-top:26px}.brief-section .brief-heading .brief-privacy{font-size:12px;line-height:1.8}
  .brief-section .brief-builder{padding:28px 24px;border-radius:9px;box-shadow:7px 8px 0 #6b458c2b}
  .brief-section .brief-progress{font-size:11px;gap:10px}
  .brief-section .brief-step legend{font-size:22px;line-height:1.5}
  .brief-section .step-description{font-size:14px;line-height:1.75}
  .brief-section .choice>span{font-size:15px;min-height:128px;padding:18px 14px}
  .brief-section .field-label{font-size:14px}.brief-section .field-label span{font-size:12px}
  .brief-section .step-actions .button{font-size:13px;min-width:0}.brief-section .back-step{font-size:13px}
  .brief-section textarea,.brief-section select{font-size:16px}
}
@media(max-width:370px){
  .development .section-intro h2{font-size:34px}.products .section-intro h2{font-size:34px}
  .development .service h3{font-size:19px}.development .service summary{grid-template-columns:20px minmax(0,1fr) 28px;gap:11px}
  .development .service-plus{width:28px;height:28px}.development .service-plus::before,.development .service-plus::after{top:12px;left:6px;right:6px}
  .development .service-body{margin-left:31px}
  .products .case-topline{padding-inline:20px;gap:12px}.products .case-content .product-copy{padding-inline:20px}
  .products .case-client{font-size:10px}.products .case-category{font-size:9px}
  .products .case-content .product-copy h3,.products .case-domcloud .product-copy h3{font-size:26px}
  .products .display-front{width:138px;height:240px;left:42%}.products .display-rear{width:118px;height:220px;left:12%}
  .collaboration-heading h2{font-size:34px}.collaboration .partner-scene .partner-slot{padding-inline:20px}
  .collaboration .partner-scene .partner-placeholder{font-size:23px}.collaboration .partner-scene .partner-caption{font-size:13px}
  .approach .approach-heading h2{font-size:33px}
  .brief-section .brief-heading h2{font-size:32px}.brief-section .brief-builder{padding-inline:20px}
  .brief-section .brief-progress{font-size:10px;gap:8px}.brief-section .brief-step legend{font-size:20px}
  .brief-section .choice>span{font-size:14px;padding-inline:12px}
}
@media(prefers-reduced-transparency:reduce){
  .products .case-domcloud .case-surface{background:#21172f}
  .products .case-freehands .case-surface{background:#e2f4c3}
  .products .case-lublife .case-surface{background:#c3ace4}
  .collaboration .partner-scene .partner-slot,.collaboration .partner-scene .partner-slot.is-active{background:#30263b;backdrop-filter:none;-webkit-backdrop-filter:none}
  .collaboration .partner-scene .partner-slot.is-dimmed{background:#211d2b}
  .brief-section .brief-builder{background:#f4f1f6;backdrop-filter:none;-webkit-backdrop-filter:none}
  .site-dialog{background:#21192c;backdrop-filter:none;-webkit-backdrop-filter:none}
}
@media(prefers-reduced-motion:reduce){
  .products .case-content .text-button,.products .own-product-links button,.collaboration .partner-scene .partner-slot,
  .brief-section .choice>span,.brief-section .button-dark,.brief-section .step-actions .button,.brief-section .brief-step>.button{transition:none}
}