/* SYNILO / dark signal. The work leads; the words recede. */
:root{--night:#080c12;--surface:#101720;--surface-2:#151e29;--text:#e9edf4;--muted:#96a3b5;--line:#d9e5ff22;--mineral:#9fdfe8;--iris:#b3a3ef;--dawn:#e7b4ac;--opal:linear-gradient(125deg,#193340,#302840 57%,#463036)}
body{background:var(--night);color:var(--text)}h2{font-size:clamp(28px,3.1vw,45px);line-height:1.08;font-weight:390;letter-spacing:-.045em}h2 span{color:#91a0b6}.copy{color:var(--muted)}.section{padding-top:85px;padding-bottom:85px}.agency-header{background:#080c12cc;border-color:#e4efff16}.reading-line{background:linear-gradient(90deg,#9fdfe8,#b3a3ef,#e7b4ac)}.label,.chapter,.board-label{color:#9caabd;font-size:8px;letter-spacing:.12em}.chapter{margin-bottom:28px}.visual-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:38px}.visual-heading h2{margin-top:17px}.visual-heading>p{max-width:260px;color:#94a3b8;font-size:12px;line-height:1.65;padding-bottom:4px}
/* The hero is a light sculpture, with a deliberately discreet signature. */
.brand-opening{height:150svh;background:var(--night)}.hero-stage{background:var(--night);min-height:600px}.hero-brand{width:26%;max-width:370px;left:7%;top:25%;right:auto}.hero-brand p{font-size:clamp(20px,1.85vw,28px);margin-top:27px;letter-spacing:-.035em;line-height:1.18}.hero-brand p span{color:#c1cbd8}.hero-top{top:105px;font-size:8px;color:#bdc9d8}.hero-top>span{max-width:180px}.hero-field-caption{bottom:15%;font-size:7px;color:#c0cede}.hero-field-caption>p{font-size:10px}.hero-bottom{font-size:7px}.northern-art>img{object-position:60% center;filter:saturate(1.2) contrast(1.07);transform:translateY(calc(var(--hero-progress,0)*-40px)) scale(calc(1.02 + var(--hero-progress,0)*.18))}.northern-art:after{background:linear-gradient(90deg,#080c1240,transparent 60%),linear-gradient(180deg,#080c1255,transparent 42%,#080c1260)}.hero-haze{opacity:.6}.field-contours{opacity:.17}
/* One short insight, one large material image. */
.strategy{display:grid;grid-template-columns:.7fr 1.5fr;gap:7%;align-items:center;background:#080c12;padding-right:0;padding-top:65px;padding-bottom:65px}.strategy-statement{padding:30px 0}.strategy-statement h2{font-size:clamp(34px,3.5vw,53px);margin:30px 0 24px}.strategy-statement>p{color:#a6b2c3;max-width:240px;font-size:13px;line-height:1.7}.strategy-services{display:block;margin-top:55px;color:#8495aa;font-size:6px;letter-spacing:.12em}.strategy-material{height:580px;min-width:0;position:relative;overflow:hidden;margin:0}.strategy-material>img{width:100%;height:118%;top:-9%;position:absolute;object-fit:cover;object-position:49% center;transform:translateY(var(--depth-y,0px));will-change:transform}.strategy-material figcaption{position:absolute;bottom:24px;left:28px;color:#cad4e1;font-size:7px;letter-spacing:.1em;text-shadow:0 1px 10px #000}
/* A luminous route diagram instead of a white explanation page. */
.field-story{height:145svh;background:#0a101a}.field-story-stage{min-height:620px}.living-field{background:radial-gradient(ellipse at 17% 25%,#16313e,transparent 60%),radial-gradient(ellipse at 70% 80%,#352138,transparent 60%),#0d111d}.ambient-confluence{opacity:.48;filter:blur(32px);mix-blend-mode:screen}.ambient-confluence path{stroke-width:35}.flow-sleep{stroke:#81d5e6}.flow-activity{stroke:#a99ae9}.flow-context{stroke:#efbaa5}.field-story-copy{top:30%;max-width:48%;color:#eaf0f8}.field-story-copy>.label{color:#96a8be}.field-story-copy h2{font-size:clamp(34px,4vw,60px);margin:28px 0 20px}.field-story-copy>p{font-size:12px;color:#aebbcf}.field-story-key{border-color:#d4e5ff25;color:#aebcd0;font-size:7px;max-width:300px}.field-story-key>span+span:before{color:#9daec6}.shared-field-lines{right:5%;width:49%;height:70%;top:15%;filter:drop-shadow(0 0 15px #b5c8ff2a)}.flow-guides path{stroke:#d1ddf078;stroke-width:1.2}.flow-pulses path{stroke:#f1f5ff;stroke-width:2.2}.flow-sources{stroke:#17212e}.flow-sources circle:nth-child(1){fill:#9fdfe8}.flow-sources circle:nth-child(2){fill:#b3a3ef}.flow-sources circle:nth-child(3){fill:#e7b4ac}.clarity-point{fill:#e7efff;filter:drop-shadow(0 0 8px #b3a3ef)}.flow-labels{fill:#bccbde;font-size:9px}.objects{background:#080c12}.objects figure{height:85svh;min-height:580px}.objects figure>img{filter:saturate(.75) contrast(1.05)}.objects figcaption h2{font-size:clamp(34px,4.1vw,62px)}.object-foot{background:#080c12;color:#7f91a6;padding-top:21px;padding-bottom:21px}.object-foot p{color:#8c9bae;font-size:9px}
/* Dark product UI: precise, self-lit, legible. */
.sync-sequence{background:#080c12;height:210svh}.sync-stage{background:radial-gradient(ellipse at 50% 50%,#1c263c6e,transparent 65%)}.sync-title h2{font-size:clamp(30px,3.4vw,50px)}.sync-title h2 span{color:#a1aec4}.source-node{background:#111924e8;border-color:#98b8f333;backdrop-filter:blur(20px);box-shadow:0 0 40px #829bff07}.source-ring{border-top-color:#9fdfe8}.source-watch{border-top-color:#b3a3ef}.source-phone{border-top-color:#e7b4ac}.source-camera{border-top-color:#7d91a8}.sync-core img{width:80px}.sync-result{background:linear-gradient(135deg,#183541ed,#29213fed 62%,#3e2934ed);color:#f0f3fa;border-color:#c3d3ff40;box-shadow:0 0 80px #a2aaff15,0 20px 90px #0008;backdrop-filter:blur(24px)}.sync-result>p{color:#c0cede}.sync-result>div{border-color:#dae6ff2e;color:#c2cee1}.sync-result small{color:#a5b3c9}.sync-steps{padding-top:15px;padding-bottom:20px}.sync-steps>div{min-height:30px}.sync-steps span{color:#a9b8ce}.sync-progress i{background:linear-gradient(90deg,#9fdfe8,#b3a3ef,#e7b4ac)}
.product-experience{background:radial-gradient(ellipse at 20% 55%,#17354880,transparent 45%),radial-gradient(ellipse at 85% 65%,#39295295,transparent 45%),#090e17}.product-experience:before{opacity:.3;filter:brightness(2)}.product-experience .visual-heading{margin-bottom:70px}.app-showcase{padding:55px 2% 100px;max-width:1300px;gap:8%}.phone-wrap{width:26%;max-width:300px}.phone-sources{margin-top:105px}.device{background:#171f2c;border-color:#78879a;box-shadow:0 45px 90px #0008,0 0 70px #889eff10,inset 0 0 0 1px #e5eeff60}.device-screen,.app-ui,.app-nav{background:#0d141d;color:#e8eff8}.screen-status{color:#e2eaf5}.screen-logo{border-color:#d3e2ff22}.screen-logo .syn-word{width:72px;filter:none}.screen-logo>span{border-color:#b8c8e33b;color:#d0dcf0}.micro{color:#9cabbe}.app-pad h3{font-weight:420}.app-summary{background:linear-gradient(130deg,#1b3542,#2c2847 65%,#46303d);border-color:#bdc7f13b;color:#eff4fc;border-radius:10px}.app-summary .micro{color:#b4c3d7}.summary-confluence{filter:brightness(0) invert(1);opacity:.75}.app-summary h4{font-weight:450}.app-summary p{color:#c2cede}.app-rule{border-color:#cee0ff2b;color:#bccae0}.app-metric>.icon{color:#a7bfd2}.app-metric span{color:#98a9bf}.app-metric small{color:#9cabc0}.app-caption,.app-intro{color:#a1afc4}.sleep-bars i{background:#365b6b}.sleep-bars>span:nth-child(2n) i{background:#5a537b}.sleep-bars>span:last-child i{background:#b0c6da}.sleep-bars small{color:#97a9c1}.app-nav{border-color:#cfe3ff22}.app-nav span{color:#8e9db2}.app-nav span:first-child,.phone-sources .app-nav span:nth-child(2),.phone-meaning .app-nav span:last-child{color:#d2def3}.source-list>div{border-color:#bfd6fa22}.source-list .icon{color:#bbcde1}.source-list small{color:#9eacc2}.source-state{background:#283a4c;color:#c9d9eb}.source-list>div:last-child .source-state{background:#252b36;color:#96a2b6}.source-explainer{background:#1c2635;color:#dfe8f4}.source-explainer p{color:#b5c3d5}.meaning-card{background:#292740;color:#e4e6f5}.meaning-card>.icon{color:#bbb6de}.compare span{color:#9aacc4}.compare i{background:#aaa2d5}.compare>div:last-child i{background:#53546f}.why-list>div{border-color:#bfd5fa22}.why-list span{color:#9eacc2}.home-line{background:#d4ddeb}.phone-wrap figcaption,.app-floating-label{color:#93a6bf}.experience-caption{color:#95a6bd;border-color:#bdd5ff25;font-size:8px}.experience-caption p{color:#7488a2}
/* Compact voice proof. */
.translation{padding-top:50px;padding-bottom:50px;background:#101622;color:#e6edf8;border-top:1px solid #bdd4ff18;border-bottom:1px solid #bdd4ff18}.translation-layout{margin:25px 0 0;gap:5%;align-items:center}.raw-line{font-size:10px;padding:9px 0;color:#8fa1b9;border-color:#d5e4ff1c}.raw-line b{color:#cad8eb}.translation-arrow{color:#9ba9c0;font-size:36px}.human-readout p{font-size:clamp(24px,2.7vw,38px);font-weight:390}.human-readout p span{color:#96a6be}
/* The identity is displayed on graphite and optical glass. */
.identity{background:#080c12}.identity-grid{gap:18px}.identity-grid figure{min-height:400px;border:1px solid #c4d7ff1e}.symbol-board{background:radial-gradient(ellipse at 10% 15%,#1a3b4c,transparent 80%),radial-gradient(ellipse at 90% 80%,#3b284e,transparent 75%),#111821;color:#e6edf8}.symbol-board .symbol-paths{stroke:#dce6f8;stroke-width:5}.construction-dot{fill:#e3edff}.symbol-board .guides{stroke:#c8dfff1a}.symbol-board .mark-construction{width:65%}.symbol-board .board-label,.symbol-board figcaption{color:#8fa4bd}.word-board{background:linear-gradient(145deg,#151b25,#0e131d);color:#e9eff8}.word-board>.syn-word{filter:none;width:52%;margin-top:100px;margin-bottom:45px}.letter-detail>svg{stroke:#8294ac;width:75px;stroke-width:6}.letter-detail p{color:#899cb6;font-size:9px}.word-board figcaption{color:#8297b3}.icon-family>div{min-height:150px;background:#101721;border:1px solid #c1d5ff14}.icon-family .icon-note{border:0}.icon-mono img{width:58px}.app-icon img{width:70px}.icon-mini span{color:#8397b4}.icon-note .label{font-size:9px;line-height:1.8}
/* Three beams share one endpoint. A colour system that behaves like the mark. */
.spectrum-system{position:relative;height:95svh;min-height:650px;overflow:hidden;background:radial-gradient(ellipse at 65% 55%,#37304a6e,transparent 50%),#080c12;padding:0}.spectrum-caption{position:absolute;top:12%;left:0;right:0;z-index:2}.spectrum-caption h2{margin-top:22px;font-size:clamp(30px,3.3vw,48px)}.spectrum-canvas{position:absolute;inset:0;perspective:1000px;transform:translateY(calc(var(--spectrum-shift,0px)*.25))}.spectrum-beam{position:absolute;left:-12%;top:58%;width:84%;height:2px;transform-origin:100% 50%;background:linear-gradient(90deg,transparent,var(--beam-color) 45%,#eef4ff);box-shadow:0 0 12px var(--beam-color),0 0 45px var(--beam-color);animation:beamIntensity 9s ease-in-out infinite alternate}.spectrum-beam:before{content:'';position:absolute;inset:-90px 0;background:linear-gradient(90deg,transparent,var(--beam-color));clip-path:polygon(0 20%,100% 50%,0 80%);opacity:.13;filter:blur(8px)}.beam-sleep{--beam-color:#89e2f0;transform:rotate(16deg);animation-delay:-3s}.beam-activity{--beam-color:#bba8ff;animation-delay:-6s}.beam-context{--beam-color:#f2baa7;transform:rotate(-16deg)}.spectrum-output{position:absolute;left:72%;right:-5%;top:58%;height:2px;background:#e8e9ff;box-shadow:0 0 12px #bbc6ff,0 0 55px #b3a3ef}.spectral-point{position:absolute;width:8px;height:8px;left:calc(72% - 4px);top:calc(58% - 3px);border-radius:50%;background:white;box-shadow:0 0 15px 5px #d8e4ff,0 0 90px 15px #999bfa7a}.spectrum-legend{position:absolute;bottom:9%;left:0;right:0;display:flex;gap:40px;align-items:center;font-size:7px;letter-spacing:.09em;color:#a7b5ca}.spectrum-legend span{display:flex;align-items:center;gap:9px}.spectrum-legend i{width:4px;height:4px;border-radius:50%;background:#9fdfe8;box-shadow:0 0 10px #9fdfe8}.spectrum-legend span:nth-child(2) i{background:#b3a3ef;box-shadow:0 0 10px #b3a3ef}.spectrum-legend span:nth-child(3) i{background:#e7b4ac;box-shadow:0 0 10px #e7b4ac}.spectrum-legend small{margin-left:auto;color:#74869e;font-size:8px;letter-spacing:0}.motion-system{background:#0b111a;padding-top:65px;padding-bottom:65px}.motion-system .visual-heading{margin-bottom:30px}.motion-system .visual-heading h2{font-size:29px}.motion-triptych{border-color:#bfd3fa20}.motion-cell{height:245px}.motion-cell+.motion-cell{border-color:#bfd3fa20}.motion-cell>span,.motion-cell>p{font-size:8px;color:#91a3bc}.motion-clear{background:linear-gradient(140deg,#162c39,#29243e,#342634)}.motion-clear .clear-point img{filter:none}.motion-clear>span,.motion-clear>p{color:#b1bdd0}.clear-point{left:34%;right:34%}
/* Large applications; short captions. */
.brand-reel{background:#101722;height:290svh}.reel-sticky{min-height:720px}.reel-heading{padding-top:90px;padding-bottom:25px}.reel-heading h2{font-size:32px}.reel-heading h2 span{color:#94a5bd}.reel-heading .label{color:#8e9eb7}.reel-index{font-size:10px;letter-spacing:.15em;color:#8fa3be}.reel-panel{width:clamp(410px,46vw,680px)}.panel-caption{padding-top:14px;min-height:40px}.panel-caption>span{color:#99aac1;font-size:7px}.panel-caption>p{color:#6d849e;font-size:7px;letter-spacing:.07em}.reel-bottom{color:#798fae}.reel-meter{background:#bed4ff20}.reel-meter i{background:#99add0}.panel-art{background:#0c131e;border:1px solid #c2d4ff18}.field-poster .living-field{background:#0e1522}.field-poster .ambient-confluence{opacity:.55;filter:blur(20px)}.panel-top .syn-word{filter:none;width:94px}.panel-top>span{color:#9aadc9;font-size:6px}.field-poster .panel-art>p{font-size:clamp(36px,3.6vw,56px);color:#e9eff9;font-weight:370;margin-top:47px}.field-poster .panel-art>small{color:#a6b6d0;font-size:6px}.poster-grain{opacity:.6;mix-blend-mode:screen;background-position:40% center}.poster-field-mark{width:38%;right:7%;bottom:16%;opacity:.6}.poster-field-mark img{filter:none}.stationery-panel .panel-art{background:radial-gradient(ellipse at 60% 55%,#354155,#0c141f)}.stationery-sheet{background:linear-gradient(145deg,#253142,#151c27);border:1px solid #b3c3df30;box-shadow:0 30px 50px #0007;color:#d8e3f4}.paper-word .syn-word{filter:none;width:80px}.stationery-sheet>p{font-size:24px;font-weight:360}.sheet-confluence{stroke:#c0d5f277}.paper-footer{color:#899fba}.stationery-card{background:linear-gradient(130deg,#20394b,#4a3a62,#3c333f);border:1px solid #c2d6ff55;box-shadow:0 20px 35px #0006}.stationery-card>img{filter:none;width:58px}.stationery-card>span{color:#bdc9da}.stationery-envelope{background:linear-gradient(140deg,#151e2b,#080d15);border:1px solid #b3c3df27;box-shadow:0 20px 30px #0008}.stationery-envelope .syn-word{width:86px}.stationery-envelope>span{color:#90a4c0}.onboarding-panel .panel-art{background:radial-gradient(ellipse at 55% 60%,#38304b,#101520)}.onboarding-screen{background:#111924;border-color:#a8bbda49;box-shadow:0 30px 60px #0007}.onboarding-top .syn-word{filter:none;width:77px}.onboarding-top>span{color:#8399b6}.onboarding-field{background:#111e2a}.onboarding-field>img{filter:none;width:68px}.onboarding-field .living-field{opacity:.6}.onboarding-screen h3{color:#e1eaf8;font-size:26px;font-weight:380}.onboarding-screen>p{color:#9eafc6}.connection-pills>span{border-color:#9bb4d43d;color:#a7bbd7}.onboarding-bottom{border-color:#b3c8eb25;color:#afc2dd}.membership-panel .panel-art{background:#0a111b}.member-pass{background:linear-gradient(145deg,#20394b,#342d48 60%,#483037);border:1px solid #c2d6ff42;color:#e2eaf7;box-shadow:0 35px 60px #0008}.member-pass>.syn-word{filter:none;width:85px}.pass-field>img{filter:none;width:80px}.member-pass>p{font-size:22px}.member-pass>span{color:#a2b3ca}.phone-widget{background:#182333e6;border-color:#b0c5e636;box-shadow:0 30px 45px #0007;color:#e1e9f5}.phone-widget>span{color:#9bb0cb}.phone-widget>p{font-size:21px;font-weight:380}.phone-widget>small{color:#a0b3cc}
/* Campaign visuals: editorial photography, luminous routes, compact marks. */
.campaign{background:#080c12}.campaign-wall{gap:24px;margin-top:0}.poster-blue{background:linear-gradient(140deg,#142d3c,#212239 50%,#3d2b3a);color:#e7edf7}.poster-blue .syn-word{filter:none;width:90px}.poster-blue>div>span{color:#a5b6cf;font-size:6px}.poster-blue>p{font-size:clamp(37px,4.6vw,70px);font-weight:370;line-height:1;margin-top:55px}.poster-blue>p>span{color:#94a9c4}.poster-lines{stroke:#c1d3ef;opacity:.45;filter:drop-shadow(0 0 6px #a4b9f46b)}.human-photo{object-position:51% 52%;filter:none}.human-poster-copy .syn-word{width:80px}.human-poster-copy p{font-size:clamp(30px,3.8vw,54px);font-weight:380}.human-poster-copy{background:linear-gradient(180deg,#080c1270,transparent 85%)}.photo-bottom{color:#e2e9f4}.campaign-wall figcaption{color:#8b9eb9;font-size:7px}.social-system{margin-top:35px;gap:18px}.social-card{border:1px solid #c1d7ff20}.signal-story{background:radial-gradient(ellipse at 40% 40%,#1e3344,#101722)}.signal-story>.syn-word,.insight-story>.syn-word{width:80px}.signal-story b{color:#adbdd5}.insight-story{background:linear-gradient(155deg,#28263f,#142333);color:#e6edf8}.insight-story>.syn-word{filter:none}.story-progress i{background:#9aadc62b}.story-progress i:first-child{background:#a3b9d7}.story-transform{color:#a2b4cd}.symbol-story{background:linear-gradient(130deg,#193340,#302840 57%,#463036);color:#e8eef8}.symbol-story>img{filter:none;width:34%;opacity:.9}.symbol-story>small{color:#a4b4cc}.social-card>span,.social-card>small{color:#a0b1cb}.social-card p,.social-card h3{font-weight:380}.spatial-brand{background:#0b111a}.spatial-image{height:95svh;min-height:650px}.spatial-image>img{object-position:50% center}.spatial-caption{grid-template-columns:1fr 1fr;gap:45px;padding-top:30px;padding-bottom:45px;align-items:end}.spatial-caption h2{font-size:29px;margin-top:17px}.spatial-index{font-size:7px;letter-spacing:.1em;color:#7e94af;text-align:right}
/* Daily surfaces: translucent graphite, never a white page. */
.brand-objects{background:radial-gradient(ellipse at 75% 55%,#2d25465c,transparent 60%),#0a101a}.brand-objects:before{opacity:.2;filter:brightness(2)}.brand-objects h2{margin-top:22px;font-size:34px}.desktop-widget{background:#182333e8;border:1px solid #acc1e53a;color:#e5edf9;box-shadow:0 30px 60px #0006}.desktop-widget>div>img{filter:none}.desktop-widget>div>span{color:#a8bad4}.desktop-widget>span{color:#95a9c5}.desktop-widget p{color:#a6b7ce}.brand-ticket{background:linear-gradient(135deg,#193340,#302840,#463036);border:1px solid #adc2e635;color:#e7eef8}.brand-ticket>.syn-word{filter:none;width:80px}.brand-ticket>p{font-weight:380}.brand-ticket>span{color:#aabbd1}.ticket-code{opacity:.65;background:repeating-linear-gradient(90deg,#bac9e1 0 1px,transparent 1px 3px,#bac9e1 3px 5px,transparent 5px 8px)}.watch-screen{background:linear-gradient(150deg,#162c3a,#292640);color:#edf3fb;border-color:#080c12}.watch-screen>img{filter:none}.watch-screen small{color:#a5b6cf}.watch-strap{background:linear-gradient(90deg,#151d29,#354458 45%,#172330)}.trust{background:#0c131e;padding-top:35px;padding-bottom:35px;display:flex;gap:50px;align-items:center;justify-content:space-between;border-top:1px solid #bdd4ff1a;border-bottom:1px solid #bdd4ff1a}.trust-strip{margin:0;padding:0;border:0;display:flex;gap:45px;color:#9fb0c8;font-size:8px}.outro{background:#080c12;color:#c9d7ec;padding-top:58px;padding-bottom:45px}.outro:before{display:none}.outro-signature{display:flex;justify-content:space-between;align-items:center;gap:35px}.outro-signature>.syn-word{width:140px;filter:none}.outro-signature>span{font-size:8px;color:#8d9fb9;letter-spacing:.09em}.disclosure{max-width:710px;font-size:8px;line-height:1.7;color:#7589a4;border:0;margin-top:30px;padding-top:0}.footer{background:#080c12;border-top:1px solid #bfd5fa20;padding-top:65px;padding-bottom:30px}.footer .label{color:#859ab7}.contact-link{font-size:clamp(36px,5vw,70px);line-height:1.05;margin-top:22px;font-weight:370}.contact-link>span{color:#96aac5}.footer>div{color:#8298b6;font-size:8px}
@keyframes beamIntensity{from{opacity:.55}to{opacity:1}}
@media(max-width:1100px){.hero-brand{width:30%;max-width:330px}.strategy{grid-template-columns:.75fr 1.25fr;gap:5%}.strategy-material{height:500px}.field-story-copy{max-width:50%}.field-story-copy h2{font-size:44px}.reel-panel{width:470px}.word-board>.syn-word{margin-top:95px;width:60%}.letter-detail>svg{width:60px}.letter-detail p{font-size:8px}.visual-heading>p{max-width:230px}.spectrum-legend{gap:25px}.trust-strip{gap:25px}.phone-wrap{width:27%}}
@media(max-width:720px){:root{--pad:24px}.section{padding-top:55px;padding-bottom:55px}h2{font-size:30px}.visual-heading{display:block;margin-bottom:30px}.visual-heading h2{font-size:31px;margin-top:16px}.visual-heading>p{font-size:11px;max-width:280px;margin-top:17px}.brand-opening{height:140svh}.hero-stage{min-height:610px}.hero-brand{left:8%;width:54%;max-width:270px;top:25%}.hero-brand p{font-size:23px;margin-top:25px}.hero-top{top:97px;font-size:6px}.hero-field-caption{right:8%;bottom:16%;font-size:6px}.hero-field-caption>p{font-size:9px}.hero-bottom{font-size:5px}.northern-art>img{object-position:66% center}.strategy{display:block;padding-top:25px;padding-bottom:0;padding-right:var(--pad)}.strategy-statement{padding:35px 0}.strategy-statement h2{font-size:36px;margin:19px 0}.strategy-statement>p{font-size:12px;max-width:270px}.strategy-services{margin-top:25px;font-size:6px}.strategy-material{height:400px;margin:0 calc(-1*var(--pad));width:calc(100% + 2*var(--pad))}.strategy-material>img{object-position:41% center}.strategy-material figcaption{left:24px;bottom:20px;font-size:5px}.field-story{height:140svh}.field-story-stage{min-height:650px}.field-story-copy{top:17%;max-width:none}.field-story-copy h2{font-size:39px;margin:23px 0 18px}.field-story-copy>p{font-size:11px;max-width:270px}.field-story-key{max-width:300px;font-size:6px;margin-top:26px}.shared-field-lines{top:48%;right:5%;width:90%;height:45%}.flow-labels{font-size:12px}.objects figure{height:78svh;min-height:560px}.objects figcaption h2{font-size:38px}.object-foot{padding-top:18px;padding-bottom:18px;font-size:6px;gap:15px}.object-foot p{font-size:8px;max-width:145px}.sync-sequence{height:210svh}.sync-title h2{font-size:29px}.sync-core img{width:60px}.sync-result h3{font-size:27px}.sync-steps{gap:13px}.sync-steps span{font-size:5px;letter-spacing:.04em}.source-node{background:#111924f7}.product-experience .visual-heading{margin-bottom:30px}.app-showcase{padding:40px 0 45px;gap:35px 18px}.phone-wrap{width:100%;max-width:none}.phone-sources{margin-top:85px}.phone-meaning{width:62%;margin-top:15px}.phone-wrap figcaption{font-size:5px}.experience-caption{font-size:6px;line-height:1.6}.experience-caption p{font-size:7px}.translation{padding-top:35px;padding-bottom:35px}.translation-layout{gap:23px;margin-top:20px}.translation>.label{font-size:7px}.raw-line{font-size:10px;padding:9px 0}.translation-arrow{font-size:27px}.human-readout p{font-size:25px;line-height:1.15}.identity-grid figure{min-height:320px}.symbol-board .mark-construction{width:65%}.word-board>.syn-word{width:57%;margin-top:82px;margin-bottom:35px}.letter-detail{margin-bottom:25px;gap:15px}.letter-detail>svg{width:60px}.letter-detail p{font-size:7px}.identity-grid .board-label{font-size:6px}.identity-grid figcaption{font-size:5px}.icon-family>div{min-height:110px;padding:15px}.app-icon img{width:50px}.icon-mono img{width:43px}.icon-mini>img{width:28px}.icon-note .label{font-size:7px}.spectrum-system{height:77svh;min-height:560px}.spectrum-caption{top:12%}.spectrum-caption h2{font-size:32px}.spectrum-beam{left:-35%;width:112%}.spectrum-output{left:77%}.spectral-point{left:calc(77% - 4px)}.beam-sleep{transform:rotate(23deg)}.beam-context{transform:rotate(-23deg)}.spectrum-legend{bottom:8%;display:grid;grid-template-columns:1fr 1fr;gap:18px;font-size:5px;letter-spacing:.04em}.spectrum-legend small{font-size:7px;margin-left:0}.spectrum-legend span{gap:7px}.motion-system{padding-top:45px;padding-bottom:45px}.motion-system .visual-heading h2{font-size:27px}.motion-cell{height:210px}.motion-cell>span,.motion-cell>p{font-size:7px}.clear-point{left:calc(50% - 40px);right:auto;width:80px;top:29%}.brand-reel{height:auto;padding-bottom:45px}.reel-heading{padding-top:55px;padding-bottom:30px}.reel-heading h2{font-size:31px}.reel-index{display:none}.reel-panel{width:100%;height:auto}.reel-track{gap:35px}.panel-art{height:430px}.panel-caption{min-height:0;padding-top:12px;gap:15px}.panel-caption>span{font-size:5px;max-width:none}.panel-caption>p{font-size:5px;text-align:right;max-width:130px}.panel-top .syn-word{width:80px}.panel-top>span{font-size:4px}.field-poster .panel-art>p{font-size:40px;margin-top:45px}.field-poster .panel-art>small{font-size:4.5px}.poster-field-mark{width:40%;bottom:18%;right:10%}.stationery-sheet>p{font-size:23px;margin-top:36px}.paper-word .syn-word{width:70px}.stationery-envelope .syn-word{width:77px}.onboarding-top .syn-word{width:70px}.onboarding-screen h3{font-size:27px}.onboarding-screen>p{font-size:8px}.onboarding-field>img{width:60px}.member-pass>.syn-word{width:75px}.pass-field>img{width:72px}.member-pass>p{font-size:22px}.phone-widget>p{font-size:20px}.campaign-wall{gap:20px}.poster-blue{padding:26px}.poster-blue .syn-word{width:75px}.poster-blue>p{font-size:clamp(40px,10vw,60px);margin-top:40px}.poster-blue>div>span{font-size:4.5px}.human-poster-copy .syn-word{width:70px}.human-poster-copy p{font-size:32px}.social-system{gap:13px;margin-top:28px}.social-card{padding:21px;min-height:330px}.signal-story>.syn-word,.insight-story>.syn-word{width:70px}.symbol-story>img{width:28%}.spatial-image{height:77svh;min-height:560px}.spatial-image>img{object-position:19% center}.spatial-caption{grid-template-columns:1fr;gap:20px;padding-top:25px;padding-bottom:35px}.spatial-caption h2{font-size:28px}.spatial-index{text-align:left;font-size:6px}.brand-objects h2{font-size:30px}.brand-objects{padding-bottom:25px}.brand-ticket>.syn-word{width:65px}.brand-ticket>p{font-size:37px}.desktop-widget h3{font-weight:400}.trust{display:block;padding-top:30px;padding-bottom:30px}.trust>.label{font-size:7px}.trust-strip{justify-content:space-between;gap:15px;font-size:5px;margin-top:22px}.outro{padding-top:40px;padding-bottom:35px}.outro-signature{display:block}.outro-signature>.syn-word{width:100px}.outro-signature>span{display:block;font-size:6px;margin-top:20px}.disclosure{font-size:7px;margin-top:22px;line-height:1.7}.footer{padding-top:45px;padding-bottom:25px}.contact-link{font-size:36px}.footer>div{font-size:6px}}
@media(max-width:370px){:root{--pad:20px}.hero-brand{width:55%;top:26%}.hero-brand p{font-size:21px}.field-story-copy h2{font-size:35px}.field-story-key{font-size:5px}.strategy-material{height:350px}.visual-heading h2{font-size:28px}.sync-steps span{font-size:4.5px}.phone-meaning{width:68%}.app-showcase{gap:30px 13px}.identity-grid figure{min-height:300px}.word-board>.syn-word{margin-top:79px}.panel-art{height:400px}.field-poster .panel-art>p{font-size:36px}.stationery-sheet>p{font-size:21px}.onboarding-screen h3{font-size:25px}.member-pass>p{font-size:20px}.phone-widget>p{font-size:18px}.social-card{min-height:310px}.spectrum-legend{gap:16px 8px;font-size:4.5px}.spectrum-legend small{font-size:6px}.trust-strip{font-size:4.5px}}
.motion-off .spectrum-canvas{transform:none}.motion-off .strategy-material>img{transform:none}.motion-off .field-story-stage{height:680px}.motion-off .reel-panel{height:580px}
@media(max-width:720px){.motion-off .reel-panel{height:auto}.motion-off .field-story-stage{height:650px}}
@media(prefers-reduced-motion:reduce){.spectrum-canvas,.strategy-material>img{transform:none!important}.spectrum-beam{animation:none}.field-story-stage{height:680px}.reel-panel{height:580px}}
@media(prefers-reduced-motion:reduce) and (max-width:720px){.reel-panel{height:auto}}
.ambient-confluence{animation:darkSignalBreath 14s ease-in-out infinite alternate}.strategy-material{height:540px}.strategy-material>img{object-position:20% center}
.human-poster-copy .syn-word{filter:none}
.hero-brand p{text-shadow:0 2px 16px #080c1299}
.hero-brand p span{color:#d4ddeb}
@keyframes darkSignalBreath{from{opacity:.18;filter:blur(25px)}to{opacity:.33;filter:blur(32px)}}
@media(max-width:720px){.hero-brand{top:19%;width:54%}.hero-brand p{font-size:21px;margin-top:23px}.northern-art:after{background:linear-gradient(180deg,#080c1230,#080c1255 26%,transparent 52%,#080c1255)}.strategy-material{height:290px}.strategy-material>img{height:100%;top:0;object-fit:contain}.field-story-copy>p{color:#bdc9db}}
@media(max-width:370px){.hero-brand{top:20%;width:55%}.hero-brand p{font-size:19px}.strategy-material{height:265px}}
@media(prefers-reduced-motion:reduce){.ambient-confluence{animation:none;opacity:.24}}