:root{font-family:Inter,'Segoe UI',Arial,sans-serif;color-scheme:light;font-synthesis:none;--accent:#22a77d;--bg:#f5f8f6;--ink:#122e29;--line:color-mix(in srgb,currentColor 13%,transparent);--muted:color-mix(in srgb,var(--ink) 65%,transparent)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}a{color:inherit;text-decoration:none}button{color:inherit}img{max-width:100%;display:block;object-fit:cover}button{border:0;background:none}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.12;letter-spacing:-.045em}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}h2{font-size:clamp(30px,3.5vw,46px);font-weight:700}h3{font-size:23px}em{font-style:normal;color:var(--accent)}.icon{width:25px;height:25px;flex-shrink:0;display:inline-block;vertical-align:middle}.tiny{width:15px;height:15px}.skip{position:fixed;left:20px;top:-60px;z-index:300;padding:12px 20px;background:var(--ink);color:var(--bg)}.skip:focus{top:20px}.site-header{height:92px;border-bottom:1px solid var(--line);position:relative;z-index:20;background:var(--bg)}.nav-wrap{max-width:1400px;margin:auto;height:100%;display:flex;align-items:center;padding:0 5%;gap:32px}.brand{display:flex;align-items:center;gap:11px;min-width:0}.brand-symbol{display:grid;place-items:center;color:var(--accent);width:39px;height:45px}.brand-symbol .icon{width:37px;height:41px;stroke-width:1.8}.brand-name{font-weight:760;letter-spacing:-.055em;font-size:clamp(16px,1.8vw,25px);line-height:1.08}.brand-name em{font-style:normal}.site-header nav{display:flex;gap:25px;align-items:center;margin-left:auto;font-size:12px;font-weight:550}.site-header nav a{padding:10px 0;position:relative;white-space:nowrap}.site-header nav a:after{content:'';position:absolute;bottom:3px;left:0;width:0;height:2px;background:var(--accent);transition:.25s}.site-header nav a:hover:after{width:100%}.nav-cta{padding:12px 18px;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);border-radius:7px;background:var(--accent);color:#102626;font-size:12px;font-weight:700;white-space:nowrap;transition:.25s}.theme-light .nav-cta{color:#fff}.kind-starter .nav-cta{color:#fff}.kind-apartment .nav-cta{color:#15342d}.menu-btn{display:none;margin-left:auto}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:700;text-transform:uppercase;display:flex;align-items:center;gap:11px;line-height:1.5}.eyebrow>span:first-child:empty{width:22px;height:2px;background:var(--accent)}.hero{position:relative;min-height:650px;overflow:hidden;isolation:isolate}.hero-image{position:absolute;inset:0;z-index:-3}.hero-image img{width:100%;height:100%;object-position:70% 55%;transition:transform 1.5s ease}.hero:hover .hero-image img{transform:scale(1.025)}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,var(--bg) 0%,color-mix(in srgb,var(--bg) 96%,transparent) 23%,color-mix(in srgb,var(--bg) 80%,transparent) 40%,color-mix(in srgb,var(--bg) 10%,transparent) 76%)}.hero-inner{max-width:1400px;min-height:650px;padding:75px 6% 75px;margin:auto;display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:20px}.hero-copy{max-width:650px;position:relative;z-index:3}.hero-copy h1{font-size:clamp(42px,4.8vw,69px);font-weight:740;margin:24px 0;line-height:1.04}.hero-copy h1 em{display:inline}.hero-description{font-size:16px;max-width:450px;line-height:1.75;color:color-mix(in srgb,var(--ink) 82%,transparent)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:47px;border-radius:7px;padding:14px 21px;font-size:12px;font-weight:700;line-height:1.25;transition:transform .25s,box-shadow .25s,background .25s;border:1px solid transparent}.btn .icon{width:17px;height:18px;transition:transform .25s}.btn:hover{transform:translateY(-3px)}.btn:hover .icon{transform:translateX(3px)}.primary{background:var(--accent);color:#0a2526;box-shadow:0 8px 25px color-mix(in srgb,var(--accent) 16%,transparent)}.theme-light .primary{color:#fff}.kind-apartment .primary{color:#143a30}.secondary{border-color:color-mix(in srgb,var(--ink) 45%,transparent);color:var(--ink);background:color-mix(in srgb,var(--bg) 20%,transparent);backdrop-filter:blur(10px)}.secondary .icon{width:15px}.hero-footnote{margin-top:30px;display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted)}.hero-footnote .icon{width:13px;color:var(--accent)}.hero-checks{padding:0;margin:22px 0;list-style:none;display:grid;gap:10px;font-size:14px}.hero-checks .icon{color:var(--accent);width:17px;margin-right:12px}.image-caption{position:absolute;right:35px;bottom:25px;font-size:8px;letter-spacing:.24em;color:white;text-shadow:0 1px 7px #000}.feature-strip{max-width:1400px;padding:26px 6%;display:grid;grid-template-columns:repeat(4,1fr);margin:auto;min-height:110px;border-bottom:1px solid var(--line)}.feature-strip a{display:flex;align-items:center;gap:15px;font-size:12px;font-weight:650;padding:7px 24px;border-right:1px solid var(--line);transition:color .2s}.feature-strip a:first-child{padding-left:0}.feature-strip a:last-child{border:0;padding-right:0}.feature-strip a>.icon:first-child{width:29px;height:31px;color:var(--accent);stroke-width:1.5}.feature-strip .tiny{margin-left:auto;opacity:.3;transition:.2s}.feature-strip a:hover{color:var(--accent)}.feature-strip a:hover .tiny{transform:translateX(5px);opacity:1}.section{padding:90px 6%;max-width:1400px;margin:auto}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:35px}.section-heading>div{max-width:710px}.section-heading .eyebrow{color:var(--accent);margin-bottom:15px}.section-heading>p{font-size:13px;color:var(--muted);max-width:290px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.detail-card{position:relative;padding:32px 27px 30px;min-height:235px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--ink) 3%,transparent);transition:transform .35s,background .35s}.detail-card:hover{transform:translateY(-6px);background:color-mix(in srgb,var(--accent) 7%,var(--bg))}.detail-card>.icon{color:var(--accent);width:30px;height:32px;margin-bottom:28px}.detail-card h3{font-size:21px;margin-bottom:14px}.detail-card p{font-size:13px;color:var(--muted);line-height:1.8}.detail-number{position:absolute;top:28px;right:26px;font-size:10px;opacity:.4;letter-spacing:.1em}.wide-photo{height:420px;position:relative;overflow:hidden;border-radius:14px;margin-top:30px}.wide-photo>img{width:100%;height:100%}.wide-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#051c26ec,#10202b80,transparent)}.wide-photo>div{position:absolute;left:6%;top:50%;transform:translateY(-50%);z-index:1;color:#fff}.wide-photo h3{font-size:40px;line-height:1.1;margin:22px 0 26px;letter-spacing:-.045em}.wide-photo .eyebrow{font-size:9px;opacity:.7}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:80px;border-top:1px solid var(--line)}.faq h2{margin-top:18px}.faq .eyebrow{color:var(--accent)}details{border-bottom:1px solid var(--line);padding:23px 0}details:first-child{padding-top:5px}summary{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px;cursor:pointer;list-style:none;font-weight:600}summary::-webkit-details-marker{display:none}summary span{font-size:24px;color:var(--accent);font-weight:300}details[open] summary span{transform:rotate(45deg)}details p{font-size:13px;color:var(--muted);line-height:1.8;margin:18px 35px 3px 0}.closing{max-width:1232px;margin:0 auto 65px;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:14px;padding:50px 55px;background:radial-gradient(ellipse at 90% 0%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 65%);position:relative}.closing h2{margin:16px 0 25px;font-size:clamp(30px,3.3vw,43px)}.closing .eyebrow{color:var(--accent)}footer{max-width:1400px;margin:auto;padding:20px 6% 28px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:32px}footer>div:first-child>p{font-size:8px;letter-spacing:.18em;margin-top:16px;color:var(--muted)}.footer-links{display:flex;gap:25px;align-items:center;font-size:10px}.footer-links button{font-size:10px;padding:5px 0}.footer-links a:hover,.footer-links button:hover{color:var(--accent)}.footer-bottom{width:100%;border-top:1px solid var(--line);padding-top:23px;display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}
/* Keyless access: a CSS-built interactive lock, rather than a photograph of a device frame. */
.hero-lock .hero-inner{grid-template-columns:1.08fr 1fr;min-height:690px}.hero-lock h1{font-size:clamp(45px,4.9vw,68px)}.hero-lock .hero-image{left:40%;opacity:.34}.hero-lock .hero-shade{background:linear-gradient(90deg,#08171d 24%,#08171dd9 50%,#08171d33)}.lock-scene{position:relative;height:520px;perspective:1000px;transform-style:preserve-3d}.door-pane{position:absolute;top:-100px;bottom:-130px;left:70px;width:400px;background:repeating-linear-gradient(90deg,#252b2d 0px,#424243 1px,#20282a 3px,#242b2e 6px);transform:rotateY(-13deg);box-shadow:-18px 0 40px #0008,inset 10px 0 35px #ffffff08;border-left:3px solid #596266}.door-lock{width:158px;height:310px;position:absolute;left:46%;top:50%;transform:translate(-50%,-50%) rotateY(-14deg) rotateZ(1deg);background:linear-gradient(110deg,#41464b 0%,#171c20 6%,#05090c 42%,#1f272c 96%,#677279);border:2px solid #626971;border-radius:27px;box-shadow:13px 18px 14px #0009,inset 3px 3px 9px #ffffff36;z-index:2;transition:transform .6s}.lock-brand{display:block;font-size:6px;text-align:center;letter-spacing:.2em;color:#a7bcc3;margin-top:24px}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:29px 20px 5px}.keypad button{width:28px;height:27px;font-size:12px;font-weight:400;color:#fff;border-radius:50%;text-shadow:0 0 8px #c5ffff80}.keypad button:hover,.keypad button.pressed{background:#2de7d440;box-shadow:0 0 18px #2de7d4}.unlock{border:1px solid #2de7d4;border-radius:50%;color:#2de7d4;background:#0a4147;width:38px;height:38px;display:grid;place-items:center;margin:9px auto;box-shadow:0 0 17px #2de7d483;transition:.3s}.unlock .icon{width:21px}.lock-handle{position:absolute;width:205px;height:41px;left:54px;top:257px;border:1px solid #a5a6a5;border-radius:10px 18px 18px 10px;background:linear-gradient(#bfc2c5,#73777c 48%,#c5c8ce 54%,#6c757d);box-shadow:0 10px 8px #0008,inset 1px 1px 3px white;transform-origin:20px 20px;transition:transform .7s}.lock-scene.open .lock-handle{transform:rotate(26deg)}.lock-scene.open .unlock{background:#2de7d4;color:#082d2c;box-shadow:0 0 35px #2de7d4}.floating-note{position:absolute;background:linear-gradient(120deg,#ffffffed,#e6f6f3ed);border:1px solid #fff9;border-radius:12px;box-shadow:0 17px 40px #0003;display:flex;align-items:center;gap:13px;padding:17px;color:#123733;z-index:5;animation:float 6s ease-in-out infinite}.floating-note>.icon{width:24px;color:#1fbaa3}.floating-note>span{font-size:11px;font-weight:700}.floating-note small{display:block;font-size:9px;font-weight:400;opacity:.6;margin-top:4px}.floating-note>b{margin-left:15px;font-size:16px;color:#14ba98}.note-top{top:40px;right:-5px}.note-bottom{bottom:25px;left:0;animation-delay:-3s}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 12%,transparent);display:inline-block}.scene-caption{position:absolute;bottom:-30px;width:100%;font-size:7px;letter-spacing:.16em;text-align:center;opacity:.5}
/* Smart-home thermostat with lit orbit controls. */
.hero-smart .hero-image{opacity:.3}.hero-smart .hero-shade{background:linear-gradient(90deg,#082b2c 10%,#082b2ccc 45%,#082b2c33)}.hero-smart h1{font-size:clamp(46px,4.8vw,68px)}.smart-scene{height:440px;position:relative;perspective:1000px}.smart-orbit{position:absolute;width:370px;height:370px;border:1px solid #99ef6840;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%) rotateY(-25deg);box-shadow:0 0 80px #99ef6818,inset 0 0 50px #99ef680c}.thermostat{width:220px;height:275px;border-radius:28px;background:linear-gradient(125deg,#344d50,#0d272d 40%,#041a20);box-shadow:15px 25px 40px #00191f90,inset 3px 3px 1px #c0e3d650,0 0 55px #99ef6820;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotateY(-17deg) rotateX(5deg);border:2px solid #688a82;text-align:center;padding:25px 15px}.thermostat>span{font-size:7px;letter-spacing:.2em;color:#9fc1b6}.temp-ring{width:152px;height:152px;margin:12px auto;border:4px solid #193e3a;border-top-color:#99ef68;border-right-color:#99ef68;border-radius:50%;box-shadow:0 0 20px #99ef6830;display:flex;flex-direction:column;align-items:center;justify-content:center}.temp-ring strong{font-size:54px;font-weight:400;letter-spacing:-.06em;line-height:1}.temp-ring strong span{font-size:33px;vertical-align:top;line-height:1.3}.temp-ring small{font-size:7px;margin-top:11px;color:#8bada2}.temp-controls{display:flex;align-items:center;justify-content:space-between;padding:0 22px}.temp-controls button{border:1px solid #9cde9350;border-radius:50%;width:26px;height:26px;line-height:1;color:#d3f7cf;background:#47695335}.temp-controls>span{font-size:7px;color:#b6d8b8}.smart-node{position:absolute;width:88px;height:91px;border:1px solid #b4fbb380;border-radius:18px;background:linear-gradient(130deg,#3e725baf,#0b3e3df2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#baffb5;box-shadow:0 0 25px #92ef6860;animation:float 5s ease-in-out infinite;backdrop-filter:blur(15px)}.smart-node>span{font-size:9px;color:#d5f9db}.smart-node>b{font-size:6px;font-weight:400;letter-spacing:.2em}.node-a{top:15px;left:18%}.node-b{top:122px;right:0;animation-delay:-2s}.node-c{bottom:5px;left:8%;animation-delay:-4s}.smart-node.off{filter:grayscale(1);box-shadow:none;opacity:.65}
/* European network: vector landmass, luminous routes and perspective. */
.hero-europe .hero-image{display:none}.hero-europe{background:radial-gradient(ellipse at 80% 55%,#173f9c70,transparent 64%),#0c1439}.hero-europe h1{font-size:clamp(42px,4.6vw,65px)}.hero-europe h1 em{background:linear-gradient(90deg,#55c7fa,#b58aff);background-clip:text;color:transparent}.europe-scene{position:relative;height:480px}.europe-map{position:absolute;inset:-25px -80px -20px -55px;width:calc(100% + 130px);height:100%;filter:drop-shadow(0 15px 50px #287fff60);transform:perspective(900px) rotateX(18deg) rotateZ(-7deg)}.globe-grid{position:absolute;inset:20px -45px 0 0;border-radius:50%;border:1px solid #4277ff30;background:repeating-linear-gradient(0deg,transparent 0 44px,#518fff15 45px 46px),repeating-linear-gradient(90deg,transparent 0 44px,#518fff15 45px 46px);transform:perspective(800px) rotateX(35deg) rotateZ(-14deg);box-shadow:inset 0 0 60px #157cff26}.map-dot{fill:#e1ffff;filter:drop-shadow(0 0 8px #4afcff);animation:pulse 3s infinite}.map-label{position:absolute;border:1px solid #7ba9ff60;background:#122359bd;backdrop-filter:blur(12px);border-radius:7px;padding:8px 13px;font-size:9px;display:flex;align-items:center;gap:8px;box-shadow:0 7px 20px #04051a50}.map-label .icon{width:13px;height:15px;color:#7de2ff}.map-label>span{font-size:6px;color:#7bf7b9}.berlin{top:46%;left:50%}.paris{top:59%;left:26%}.madrid{top:75%;left:5%}.europe-scene .note-bottom{bottom:0;left:20%;background:#142657c9;color:white;border-color:#6a94ef50}.europe-scene .note-bottom>.icon{color:#8dd3ff}
/* Automation orbit: live step highlighting and light glass. */
.hero-automation .hero-image{left:26%;opacity:.65}.hero-automation .hero-shade{background:linear-gradient(90deg,#161b35 8%,#161b35ee 33%,#161b35a0 54%,#161b3510)}.hero-automation h1{font-size:clamp(43px,4.7vw,66px)}.automation-scene{height:440px;position:relative;perspective:1000px}.automation-ring{width:300px;height:300px;position:absolute;left:50%;top:48%;transform:translate(-50%,-50%) rotateX(15deg);border-radius:50%;border:1px solid #ffdddd90;box-shadow:0 0 35px #ff788a30,inset 0 0 35px #ff788a30;animation:orbit-glow 6s infinite}.automation-core{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:105px;height:105px;border-radius:28px;display:grid;place-items:center;background:linear-gradient(135deg,#ffffff75,#29294380);border:1px solid #fffd;box-shadow:0 0 50px #ff788a40,0 15px 40px #14162a80;backdrop-filter:blur(10px)}.automation-core .icon{width:62px;height:62px;stroke-width:1.5}.orbit-node{position:absolute;width:96px;height:103px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:linear-gradient(135deg,#d8ceff65,#3f304d80);border:1px solid #ecd4f980;border-radius:20px;box-shadow:0 8px 25px #101a2e60,inset 0 1px 10px #ffffff30;backdrop-filter:blur(12px);transition:box-shadow .3s,transform .3s}.orbit-node span{font-size:9px;font-weight:600}.orbit-node .icon{width:31px;height:32px}.orbit-node:hover,.orbit-node.selected{box-shadow:0 0 40px #ff788a80;transform:translateY(-5px)}.orbit-0{top:25px;left:50%;background:linear-gradient(135deg,#ff788a99,#784d7660)}.orbit-1{top:155px;right:-10px}.orbit-2{bottom:18px;left:48%}.orbit-3{top:168px;left:0}.automation-status{position:absolute;left:12%;bottom:-25px;display:flex;gap:12px;align-items:center;background:#151b32b8;border:1px solid #ffffff25;backdrop-filter:blur(10px);padding:13px 20px;border-radius:30px;font-size:10px}.workflow{margin-top:35px;padding:32px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--ink) 3%,transparent)}.workflow .eyebrow{margin-bottom:12px;font-size:8px}.workflow-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:30px}.workflow-step{border:1px solid var(--line);position:relative;border-radius:10px;padding:22px 16px;display:flex;align-items:center;text-align:center;flex-direction:column;transition:.5s}.workflow-step>b{position:absolute;left:12px;top:10px;opacity:.3;font-size:8px}.workflow-step>.icon{color:var(--accent);margin:15px 0;width:30px;height:32px}.workflow-step>strong{font-size:12px}.workflow-step>span{font-size:9px;opacity:.4;margin-top:15px}.workflow-step.running{background:color-mix(in srgb,var(--accent) 15%,transparent);border-color:var(--accent);box-shadow:0 0 30px color-mix(in srgb,var(--accent) 15%,transparent)}.workflow-step.done>span{color:var(--accent);opacity:1}.small{font-size:10px;opacity:.5;margin-top:24px}
/* Individual editorial identities. */
.kind-guide .hero-shade{background:linear-gradient(105deg,#f7f6ef 0%,#f7f6ef 37%,#f7f6efc0 45%,#f7f6ef00 63%)}.kind-guide .hero-image{left:35%}.kind-guide h1{font-size:clamp(42px,4.3vw,61px)}.kind-guide .hero-checks{gap:9px;font-size:13px}.kind-guide .hero-description{font-size:14px}.kind-coach .hero-shade{background:linear-gradient(90deg,#0d1c2a 0%,#0d1c2af0 29%,#0d1c2a90 47%,transparent 75%)}.kind-coach .hero-image{left:29%}.kind-coach h1{font-size:clamp(45px,5vw,72px)}.kind-invest .hero-image{left:25%}.kind-invest .hero-shade{background:linear-gradient(90deg,#10171c 0%,#10171ce8 25%,#10171c85 50%,transparent 85%)}.kind-invest h1{font-family:Georgia,serif;font-weight:400;letter-spacing:-.05em;line-height:1.07;font-size:clamp(48px,5.4vw,78px)}.kind-invest .hero-copy h1 em{font-style:italic;font-weight:400}.kind-academy .hero,.kind-campus .hero{min-height:535px}.kind-academy .hero-inner,.kind-campus .hero-inner{min-height:535px}.kind-academy .hero-shade{background:linear-gradient(90deg,#4c1b6cf5 10%,#4c1b6cde 30%,#4c1b6c80 52%,#4c1b6c00 85%)}.kind-academy .hero{color:#fff;margin:25px 4% 0;border-radius:14px}.kind-academy .hero-copy h1 em,.kind-academy .hero-description{color:#fff}.kind-academy .hero-footnote{color:#e2d2ea}.kind-academy .hero h1{font-size:clamp(43px,4.3vw,62px)}.kind-academy .hero .primary{background:white;color:#48225a}.kind-academy .hero .secondary{border-color:#fff9;color:#fff}.kind-academy .hero .eyebrow{color:#d9b2ed}.kind-campus .site-header{background:#211a3c;color:#fff}.kind-campus .hero{background:#322954;color:#fff}.kind-campus .hero-shade{background:linear-gradient(90deg,#30244ff5 10%,#30244fe8 32%,#30244f50 61%,transparent 85%)}.kind-campus .hero-description,.kind-campus .hero-footnote{color:#e1d9ed}.kind-campus .hero-copy h1 em{color:#fff}.kind-campus .secondary{color:white;border-color:#fff9;background:#30244f50}.kind-campus .feature-strip{background:white;max-width:none;padding-inline:8%;border-bottom:1px solid #211a3c15}.kind-starter .hero-image{left:35%}.kind-starter .hero-shade{background:linear-gradient(90deg,#fff9f0 0%,#fff9f0 33%,#fff9f0af 54%,transparent 80%)}.kind-starter .hero-copy h1 em{color:var(--ink);position:relative}.kind-starter .hero-copy h1 em:after{content:'';position:absolute;left:0;bottom:-8px;width:90%;height:4px;border-radius:50%;background:var(--accent);transform:rotate(-2deg)}.kind-starter .hero-description{margin-top:35px}.kind-holiday .hero{color:#fff;background:#0b709b}.kind-holiday .hero-shade{background:linear-gradient(90deg,#075b9de8 0%,#075b9da0 30%,#075b9d20 62%,transparent 90%)}.kind-holiday .hero-copy h1 em{color:#fff}.kind-holiday .hero-description,.kind-holiday .hero-footnote{color:#fff}.kind-holiday .hero .eyebrow{color:#bce6ff}.kind-holiday .hero .primary{background:#fff;color:#0863a6}.kind-holiday .hero .secondary{border-color:#fff9;color:white}.kind-holiday .feature-strip{background:#fff}.kind-network .hero-shade{background:linear-gradient(90deg,#061e31 0%,#061e31ed 24%,#061e3190 51%,transparent 87%)}.kind-network h1 em{color:#fff}.kind-network .hero-image{left:27%}.kind-network .hero-copy h1{font-size:clamp(50px,5.5vw,78px)}.kind-host .hero-shade{background:linear-gradient(90deg,#fff9ef 0%,#fff9eff0 27%,#fff9ef80 53%,transparent 85%)}.kind-host h1 em{color:#123c32}.kind-host .hero-image{left:30%}.kind-operator .hero-shade{background:linear-gradient(115deg,#14352f 0%,#14352f 40%,#14352fa0 57%,transparent 70%)}.kind-operator .hero{color:#fff;margin:26px 4% 0;border-radius:12px}.kind-operator .hero-description,.kind-operator .hero-footnote{color:#c3d0c9}.kind-operator .hero-inner{min-height:590px}.kind-operator .hero-copy h1{font-size:clamp(44px,4.7vw,64px)}.kind-operator .hero .eyebrow{color:#dbc68e}.kind-operator .secondary{color:white;border-color:#fff9}.kind-digital .hero-shade{background:linear-gradient(90deg,#f2f9f8 0%,#f2f9f8 31%,#f2f9f890 54%,transparent 85%)}.kind-digital .hero-image{left:38%}.kind-digital .hero{min-height:570px}.kind-digital .hero-inner{min-height:570px}.kind-digital .hero-copy h1{font-size:clamp(43px,4.5vw,65px)}.kind-digital .feature-strip{background:#fff}.kind-serviced .brand-name,.kind-apartment .brand-name{font-size:20px}.kind-serviced .brand-name{max-width:250px}.kind-smart .brand-name{max-width:245px}.kind-automation .brand-name{max-width:240px}.kind-serviced .nav-cta{color:#fff}
/* Learning cards and a real browser-local progression. */
.filters{display:flex;gap:9px;margin:5px 0 28px}.filter{border:1px solid var(--line);font-size:11px;padding:9px 17px;border-radius:30px;transition:.2s}.filter.active{background:var(--accent);color:#fff;border-color:var(--accent)}.course-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.course-card{border:1px solid var(--line);background:color-mix(in srgb,var(--bg) 30%,white);border-radius:11px;overflow:hidden;transition:transform .3s,box-shadow .3s}.course-card:hover{transform:translateY(-6px);box-shadow:0 15px 30px #0c292514}.course-image{position:relative;height:165px;width:100%;display:block;overflow:hidden;padding:0}.course-image>img{width:100%;height:100%;transition:transform .6s}.course-image:hover>img{transform:scale(1.06)}.course-image:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#10252a90)}.course-image>span{position:absolute;bottom:12px;left:15px;background:var(--accent);color:white;border:2px solid #fff9;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;z-index:1}.course-image>span .icon{width:17px}.course-image>b{position:absolute;bottom:21px;right:12px;color:white;font-size:8px;letter-spacing:.12em;z-index:1;font-weight:500}.course-body{padding:20px}.course-body>p:first-child{font-size:9px;color:var(--accent);margin-bottom:11px;font-weight:650}.course-body>p:first-child>span{font-size:8px;color:var(--muted);font-weight:400}.course-body h3{font-size:19px;line-height:1.2;margin-bottom:12px;min-height:45px;letter-spacing:-.03em}.course-body>p{font-size:11px;line-height:1.7;color:var(--muted)}.text-button{display:inline-flex;align-items:center;gap:10px;color:var(--accent);font-size:11px;font-weight:650;padding:0}.text-button .icon{width:15px}.course-body>.text-button{margin-top:21px}.learning-progress{display:flex;align-items:center;gap:22px;background:color-mix(in srgb,var(--accent) 7%,white);padding:23px 27px;border:1px solid var(--line);border-radius:9px;margin-top:30px}.learning-progress>span{display:flex;gap:12px;align-items:center;font-size:11px;white-space:nowrap}.learning-progress .icon{color:var(--accent)}.learning-progress>strong{font-size:10px;white-space:nowrap}.progress-track{height:7px;border-radius:4px;background:color-mix(in srgb,var(--accent) 15%,white);flex:1;overflow:hidden}.progress-track i{display:block;height:100%;width:0;background:var(--accent);border-radius:4px;transition:width .4s}.onboarding{background:#fff;border:1px solid var(--line);padding:26px;border-radius:12px;margin-bottom:32px}.onboarding>div:first-child{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.onboarding>div:first-child>span{font-size:9px;letter-spacing:.15em;font-weight:650}.onboarding strong{font-size:11px;color:var(--accent)}.steps{display:grid;grid-template-columns:repeat(4,1fr);position:relative;gap:20px}.steps:before{content:'';position:absolute;top:20px;left:12%;right:12%;height:2px;background:#d6ddd6}.steps button{position:relative;display:flex;align-items:center;flex-direction:column;font-size:11px;gap:12px}.steps button b{display:grid;place-items:center;width:41px;height:41px;background:#fff;border:2px solid #d6ddd6;color:#a3ada5;border-radius:50%;font-size:15px}.steps button.done b{background:#208940;border-color:#208940;color:#fff}.steps button span{max-width:130px}
/* Workspace layouts stay actual application UIs; there are no laptop frames. */
.workspace{display:grid;grid-template-columns:208px minmax(0,1fr);background:#f2f5f7;color:#172c3b;min-height:700px;--muted:#73808c;--line:#dce3e9;overflow:hidden}.kind-tools .workspace{--accent:#ed4f7e;background:#f4f1f7}.kind-apartment .workspace{--accent:#21956d;background:#f1f5f3}.kind-serviced .workspace{--accent:#0aa99f;background:#f0f3f7}.app-sidebar{background:#0c2a3e;color:#bbccd8;display:flex;flex-direction:column;padding:28px 17px 20px;border-right:1px solid #fff1;gap:6px}.kind-tools .app-sidebar{background:linear-gradient(145deg,#39253d,#191c35)}.kind-apartment .app-sidebar{background:linear-gradient(145deg,#163e36,#112622)}.sidebar-title{display:flex;align-items:center;gap:10px;padding:3px 9px 29px;font-size:8px;letter-spacing:.12em;color:#8bb5c3}.sidebar-title .icon{width:18px;color:var(--accent)}.app-tab{padding:13px 14px;display:flex;align-items:center;gap:12px;border-radius:6px;font-size:11px;text-align:left;color:#c6d2df;transition:.2s}.app-tab>.icon{width:17px;height:18px}.app-tab>b{margin-left:auto;border-radius:50%;background:var(--accent);color:white;font-size:8px;display:grid;place-items:center;width:16px;height:16px}.app-tab:hover{background:#ffffff0c;color:white}.app-tab.active{background:var(--accent);color:#fff;box-shadow:0 4px 15px #0002}.sidebar-bottom{margin-top:auto;display:flex;gap:10px;align-items:center;padding:30px 8px 6px;font-size:9px}.sidebar-bottom small{display:block;color:#769395;font-size:8px;margin-top:4px}.avatar{width:30px;height:30px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 20%,#19332f);border:1px solid #ffffff25;border-radius:50%;font-size:9px;color:white;flex-shrink:0}.app-main{min-width:0}.app-topbar{height:64px;background:#ffffffbd;border-bottom:1px solid #dce3e9;display:flex;align-items:center;justify-content:space-between;padding:0 33px;font-size:10px;color:#7e8993}.app-topbar>span:first-child{display:flex;gap:14px;align-items:center}.app-topbar>span>.icon{width:15px}.app-topbar b{font-weight:300;color:#c1c8cf}.app-tools{display:flex;align-items:center;gap:20px}.app-tools button{color:#567080;padding:4px}.app-tools .icon{width:17px}.app-content{padding:32px;max-width:1450px}.app-heading{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-bottom:21px}.app-heading .eyebrow{font-size:7px;letter-spacing:.15em;color:var(--accent);margin-bottom:9px}.app-heading h1{font-size:30px;letter-spacing:-.045em;font-weight:700}.app-heading>div>p:last-child{font-size:10px;margin-top:10px;color:#7b8791}.period-control{display:flex;gap:8px;border:1px solid #d8e1e9;border-radius:6px;padding:9px;background:#fff;align-items:center;font-size:9px;color:#284255}.period-control .icon{width:14px;height:15px}.period-control select{border:0;outline:0;background:transparent;color:inherit;font-size:9px;padding-right:4px;max-width:120px}.demo-label{font-size:8px;display:flex;align-items:center;gap:9px;color:#87919b;margin-bottom:24px}.demo-label .live-dot{width:4px;height:4px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.stat-card{border:1px solid #e2e6ed;border-radius:10px;background:#fff;position:relative;padding:20px;box-shadow:0 4px 14px #12304904;display:flex;flex-direction:column;min-height:134px}.stat-card>.icon{color:var(--accent);width:21px;height:21px;margin-bottom:11px}.stat-card>span{font-size:10px;font-weight:500}.stat-card>strong{font-size:27px;letter-spacing:-.04em;font-weight:700;line-height:1.2;margin-top:6px}.stat-card>small{font-size:8px;color:#80958c;position:absolute;top:24px;right:13px}.dashboard-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:20px}.panel{background:white;border:1px solid #e1e7ed;border-radius:10px;padding:23px;min-width:0;box-shadow:0 4px 12px #12304903}.panel h2{font-size:12px;letter-spacing:-.02em;font-weight:650}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:15px}.chart-legend{font-size:7px;color:#98a2ac;display:flex;gap:5px;align-items:center;overflow:hidden;max-width:130px}.chart-legend i{width:4px;height:4px;display:inline-block;background:var(--accent);border-radius:50%;flex-shrink:0}.line-chart{width:100%;height:155px;margin-top:25px}.chart-axis{display:flex;justify-content:space-between;font-size:7px;color:#98a3ae;margin-top:3px}.donut{height:130px;width:130px;background:conic-gradient(var(--accent) 0% 72%,color-mix(in srgb,var(--accent) 30%,white) 72% 90%,#e3e8ec 90%);border-radius:50%;position:relative;display:grid;place-items:center;margin:18px auto}.donut:before{content:'';position:absolute;inset:15px;border-radius:50%;background:white}.donut>span{position:relative;text-align:center}.donut b{display:block;font-size:24px;letter-spacing:-.04em}.donut small{font-size:8px;color:#8d9ca8}.donut-legend{display:flex;justify-content:center;gap:20px}.donut-legend>span{display:flex;align-items:center;gap:5px;font-size:8px;color:#6d7c8b}.donut-legend i{width:6px;height:6px;border-radius:50%;background:var(--accent)}.donut-legend>span:nth-child(2) i{opacity:.3}.donut-legend b{font-size:8px;color:#243b4a;margin-left:3px}.icon-button{display:grid;place-items:center;width:23px;height:23px;background:#f3f6f8;border:1px solid #e1e7ed;border-radius:5px}.icon-button .icon{width:13px;height:14px}.task-list{margin-top:14px}.task-list label{display:flex;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid #edf0f2;font-size:9px;cursor:pointer}.task-list label:last-child{border:0}.task-list input{accent-color:var(--accent);width:13px;height:13px}.task-list label>span{flex:1}.task-list small{display:block;font-size:8px;color:#94a1ac;margin-top:4px}.badge{font-size:7px;color:#298c63;background:#e0f5eb;border-radius:4px;padding:4px 7px;white-space:nowrap;font-weight:600}.badge.neutral{color:#8391a0;background:#edf2f7}.activity{display:flex;gap:10px;align-items:center;padding:18px 0 7px;font-size:9px}.activity>.icon{color:var(--accent);width:20px;height:21px;opacity:.8}.activity>span{flex:1}.activity small{display:block;font-size:8px;color:#95a1ad;margin-top:4px}.activity .text-button{font-size:8px}.activity .badge{font-size:7px}.embedded-workspace{border:1px solid var(--line);border-radius:14px;min-height:650px;box-shadow:0 20px 60px #062c2b12}.embedded-workspace .app-sidebar{min-height:100%}.embedded-workspace .app-content{padding:23px}.embedded-workspace .app-heading h1{font-size:25px}.embedded-workspace .stat-card{padding:16px;min-height:125px}.embedded-workspace .stat-card>strong{font-size:23px}.embedded-workspace .stat-card>small{top:20px;font-size:6px;right:10px}.embedded-workspace .stats-grid{gap:12px}.embedded-workspace .panel{padding:17px}.embedded-workspace .chart-legend{display:none}.theme-dark .embedded-workspace{--accent:#8e6aff;color:#172c3b;--muted:#7b8791}.theme-dark .embedded-workspace .eyebrow{color:#916bf5}.data-table{width:100%;border-collapse:collapse;font-size:11px}.data-table th{text-align:left;color:#7d8d9a;font-weight:500;font-size:9px;padding:15px 12px;border-bottom:1px solid #dfe5ea}.data-table td{padding:18px 12px;border-bottom:1px solid #edf0f2}.tab-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;gap:20px}.tab-heading h2{font-size:23px;letter-spacing:-.035em}.tab-heading .btn{font-size:9px;min-height:36px;padding:10px 15px;gap:10px}.data-search{display:flex;align-items:center;gap:10px;padding:10px 13px;border:1px solid #dae3e9;border-radius:6px;background:white;margin-bottom:20px}.data-search .icon{width:16px;color:#8c9ca8}.data-search input{border:0;background:none;width:100%;font-size:11px;outline:0}.booking-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin-top:20px}.booking-calendar>div{border:1px solid #e4e9ed;border-radius:5px;padding:12px 8px;min-height:57px;font-size:10px;background:#fff}.booking-calendar>div.booked{background:color-mix(in srgb,var(--accent) 12%,white);border-color:color-mix(in srgb,var(--accent) 40%,white)}.booking-calendar small{display:block;font-size:6px;margin-top:6px;color:var(--accent)}.message-card{display:flex;gap:16px;margin-top:16px;padding:20px;border:1px solid #dfe7ed;border-radius:10px;background:#fff}.message-card h3{font-size:14px;letter-spacing:-.02em;margin-bottom:8px}.message-card p{font-size:11px;color:#6d7f8d}.message-card button{margin-top:12px}.template-list{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.template-card{background:#fff;padding:23px;border:1px solid #dfe7ed;border-radius:10px}.template-card h3{font-size:17px;margin:20px 0 12px}.template-card p{font-size:11px;color:#7e8c97;line-height:1.7}.template-card .icon{color:var(--accent)}.template-card .text-button{margin-top:22px}
/* Investment calculator and community topics. */
.calculator{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;border:1px solid var(--line);border-radius:14px;padding:40px;margin-top:32px;background:linear-gradient(135deg,#20292c,#111b1f)}.calculator .eyebrow{color:var(--accent);font-size:8px;margin-bottom:14px}.calculator h3{font-family:Georgia,serif;font-size:30px;font-weight:400}.calculator p{font-size:12px;color:#a8b1b1;margin-top:13px}.calc-inputs{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:25px}.calc-inputs label{font-size:9px;color:#a4b3b1}.calc-inputs input{display:block;margin-top:8px;width:100%;border:1px solid #c1b69536;background:#ffffff07;color:white;border-radius:6px;padding:13px;font-size:15px;font-weight:500}.calc-result{background:linear-gradient(130deg,#d1b87518,#f4e0b408);border:1px solid #d9af6140;border-radius:10px;display:flex;flex-direction:column;justify-content:center;padding:30px}.calc-result>span{font-size:10px;max-width:220px;color:#c6c5ba}.calc-result>strong{font-family:Georgia,serif;font-weight:400;letter-spacing:-.05em;font-size:43px;color:var(--accent);margin:10px 0 24px}.calc-result>div{border-top:1px solid #d9af6130;padding-top:20px;display:flex;align-items:center;justify-content:space-between;font-size:9px}.calc-result>div>b{font-size:18px;font-weight:500}.calc-result>small{font-size:8px;line-height:1.8;color:#8d9a9b;margin-top:25px}.community-board{border-top:1px solid var(--line);margin-top:55px;padding-top:40px}.community-board .eyebrow{color:var(--accent);font-size:8px;margin-bottom:12px}.community-board .badge{background:#04beef15;color:#42d6ff}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.topic-grid>button{background:#ffffff04;border:1px solid #5bb5d33b;padding:27px;text-align:left;border-radius:10px;display:flex;flex-direction:column;gap:13px;transition:.2s}.topic-grid>button:hover{background:#05c7ef0b;border-color:var(--accent)}.topic-grid>button>.icon:first-child{color:var(--accent);margin-bottom:12px}.topic-grid strong{font-size:16px;letter-spacing:-.02em}.topic-grid span{font-size:12px;opacity:.6}.topic-grid>button>.icon:last-child{align-self:flex-end;width:18px;color:var(--accent)}
/* Dialogs remain concrete: readable guides, copyable templates, working demos. */
dialog{border:1px solid var(--line);border-radius:16px;padding:45px;background:var(--bg);color:var(--ink);max-width:650px;width:calc(100% - 36px);max-height:85vh;box-shadow:0 30px 100px #0007;overflow:auto}dialog::backdrop{background:#06161fc0;backdrop-filter:blur(9px)}.modal-close{position:absolute;right:16px;top:15px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:color-mix(in srgb,var(--ink) 6%,transparent)}.modal-close .icon{width:16px;height:16px}#modal-body>.eyebrow{color:var(--accent);margin-bottom:17px;font-size:9px}#modal-body h2{font-size:32px;margin-bottom:24px;line-height:1.1}#modal-body h3{font-size:18px;margin:23px 0 12px;letter-spacing:-.025em}#modal-body p,#modal-body li{font-size:13px;line-height:1.9;color:var(--muted)}#modal-body p+p{margin-top:15px}#modal-body ol,#modal-body ul{padding-left:21px;margin:16px 0 25px}#modal-body li+li{margin-top:12px}#modal-body .btn{margin-top:25px}.modal-checks{display:grid;gap:0;margin:24px 0}.modal-checks label{padding:15px 0;display:flex;gap:12px;align-items:flex-start;border-bottom:1px solid var(--line);font-size:13px;cursor:pointer}.modal-checks input{margin-top:5px;accent-color:var(--accent);width:16px;height:16px}.modal-input{width:100%;border:1px solid var(--line);border-radius:7px;padding:12px;background:color-mix(in srgb,var(--ink) 4%,transparent);color:var(--ink);margin-top:10px;font-size:13px}.modal-form label{display:block;font-size:11px;margin-top:22px;color:var(--muted)}.modal-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.modal-options button{border:1px solid var(--line);border-radius:8px;padding:20px;text-align:left;font-size:12px;background:color-mix(in srgb,var(--ink) 3%,transparent)}.modal-options button:hover{border-color:var(--accent)}.template-text{padding:20px;border:1px solid var(--line);border-radius:8px;font-size:12px;white-space:pre-wrap;line-height:1.9;color:var(--muted);margin-top:20px}#toast{position:fixed;z-index:200;bottom:25px;left:50%;transform:translate(-50%,30px);padding:13px 23px;background:#10332f;color:#fff;border:1px solid #e8fff03b;border-radius:9px;font-size:12px;box-shadow:0 8px 30px #0004;opacity:0;pointer-events:none;transition:.3s;max-width:90vw;min-width:220px;text-align:center}#toast.visible{transform:translate(-50%,0);opacity:1}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}
/* Design-collection navigator, separate from every domain's website. */
.collection{--accent:#89b69c;--bg:#f7f7f2;--ink:#1b342c;background:var(--bg);color:var(--ink)}.collection-header{height:95px;max-width:1400px;margin:auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1a342b1a}.collection-header>a{display:flex;gap:10px;align-items:center;font-size:11px;letter-spacing:.13em;font-weight:700}.collection-header>a>.icon{width:21px}.collection-header>a>span{font-weight:400;opacity:.4;letter-spacing:.09em}.collection-header>span{font-size:8px;letter-spacing:.15em;opacity:.5}.collection-main{padding:70px 5%;max-width:1400px;margin:auto}.collection-main>.eyebrow{font-size:9px;color:#678d77;margin-bottom:24px}.collection-main>h1{font-size:clamp(43px,5.3vw,72px);line-height:1.05;letter-spacing:-.055em;font-weight:650}.collection-main>h1>em{color:#859b8a;font-family:Georgia,serif;font-weight:400;font-style:italic}.collection-intro{margin:26px 0 50px;font-size:14px;line-height:1.9;color:#7b8980}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.collection-card{border:1px solid #17352b1a;border-radius:11px;overflow:hidden;background:#fff;transition:transform .3s,box-shadow .3s}.collection-card:hover{transform:translateY(-6px);box-shadow:0 15px 50px #15372a16}.collection-art{position:relative;height:248px;color:var(--card-ink);background:var(--card-bg);padding:22px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;--accent:var(--card-accent)}.collection-art>img{position:absolute;width:100%;height:100%;inset:0}.collection-art-shade{position:absolute;inset:0;background:linear-gradient(90deg,var(--card-bg) 0%,color-mix(in srgb,var(--card-bg) 90%,transparent) 35%,color-mix(in srgb,var(--card-bg) 15%,transparent))}.collection-brand{position:relative;display:flex;align-items:center;gap:6px;z-index:1}.collection-brand .brand-symbol{width:20px;height:25px}.collection-brand .brand-symbol .icon{width:20px;height:22px}.collection-brand .brand-name{font-size:12px;max-width:190px}.collection-art>strong{position:relative;z-index:1;display:block;font-size:26px;line-height:1.09;letter-spacing:-.045em;max-width:280px;font-weight:700;margin:13px 0}.collection-art>strong>em{display:block;color:var(--card-accent)}.collection-mini-btn{align-self:flex-start;position:relative;z-index:1;font-size:7px;font-weight:600;background:var(--card-accent);color:#122e29;padding:8px 11px;border-radius:4px;display:flex;align-items:center;gap:14px}.collection-mini-btn .icon{width:10px;height:10px}.collection-caption{padding:20px 19px;display:flex;align-items:center;justify-content:space-between;gap:10px}.collection-caption b{font-size:11px;letter-spacing:-.02em;font-weight:650;overflow-wrap:anywhere}.collection-caption small{display:block;margin-top:7px;letter-spacing:.09em;font-size:6px;color:#84968a}.collection-caption>.icon{width:17px;color:#7e9888}.collection-footer{display:block;text-align:center;font-size:10px;color:#849489;padding-bottom:50px}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}@keyframes orbit-glow{0%,100%{box-shadow:0 0 35px #ff788a30,inset 0 0 35px #ff788a30}50%{box-shadow:0 0 60px #ff788a60,inset 0 0 35px #ff788a30}}
@media(min-width:1500px){.hero-image{left:0}.hero-inner{padding-inline:6%}}
@media(max-width:1150px){.nav-wrap{gap:20px;padding-inline:4%}.site-header nav{gap:15px;font-size:10px}.brand-name{font-size:20px}.brand-symbol{width:32px}.brand-symbol .icon{width:31px}.nav-cta{font-size:10px;padding:11px 13px}.hero-copy h1{font-size:52px}.hero-inner{padding-inline:5%;grid-template-columns:1fr 1fr;gap:15px}.hero-description{font-size:14px;max-width:390px}.hero-actions{gap:8px}.btn{font-size:11px;padding:13px 16px;gap:11px}.feature-strip{padding-inline:5%}.feature-strip a{padding-inline:16px;font-size:10px;gap:11px}.feature-strip a>.icon:first-child{width:24px}.section{padding:70px 5%}.closing{margin-inline:5%}.course-grid{gap:14px}.course-body{padding:16px}.course-body h3{font-size:17px}.course-body>p:first-child>span{display:block;margin-top:3px}.app-content{padding:26px}.workspace{grid-template-columns:185px minmax(0,1fr)}.app-sidebar{padding-inline:12px}.stats-grid{gap:11px}.stat-card{padding:15px}.stat-card>strong{font-size:23px}.stat-card>small{font-size:6px;right:8px;top:22px}.dashboard-grid{gap:15px}.panel{padding:18px}.chart-legend{max-width:75px}.embedded-workspace{grid-template-columns:175px minmax(0,1fr)}.embedded-workspace .app-content{padding:20px}.embedded-workspace .stat-card>small{display:none}.embedded-workspace .stat-card>strong{font-size:21px}.embedded-workspace .panel-title h2{font-size:10px}.kind-serviced .brand-name{font-size:17px;max-width:210px}.kind-smart .brand-name,.kind-automation .brand-name{font-size:18px;max-width:200px}.collection-grid{gap:20px}.collection-art{height:230px}.collection-art>strong{font-size:23px}.faq{gap:50px}.thermostat{width:195px}.lock-scene .note-top{right:-15px}.floating-note{padding:13px;gap:9px}.floating-note>span{font-size:10px}.floating-note small{font-size:8px}.orbit-node{width:84px;height:91px}.orbit-1{right:-15px}.smart-node{width:73px;height:80px}.node-b{right:-15px}.hero-europe h1{font-size:49px}}
@media(max-width:900px){.site-header{height:78px}.site-header nav{display:none;position:absolute;top:78px;left:0;right:0;padding:20px;background:var(--bg);border-bottom:1px solid var(--line);box-shadow:0 20px 25px #0001;flex-direction:column;align-items:flex-start;font-size:14px}.site-header nav.open{display:flex}.kind-campus .site-header nav{background:#211a3c}.nav-cta{margin-left:auto}.menu-btn{display:block;margin-left:0;padding:5px}.brand-name{font-size:22px}.hero-inner,.hero-lock .hero-inner{min-height:620px;padding:60px 5%;grid-template-columns:1.2fr 1fr}.hero{min-height:620px}.hero-copy h1,.hero-lock h1,.hero-smart h1,.hero-europe h1,.hero-automation h1{font-size:43px}.hero-description{font-size:13px;line-height:1.75}.hero-actions{gap:9px}.hero-actions .btn{font-size:10px;padding:12px 13px;min-height:44px}.hero .eyebrow{font-size:7px;letter-spacing:.15em}.hero-footnote{font-size:8px}.hero-checks{font-size:11px}.lock-scene{height:420px}.door-lock{left:48%;transform:translate(-50%,-50%) scale(.85) rotateY(-14deg)}.door-pane{left:20px;width:350px}.note-top{top:0;right:-15px}.note-bottom{bottom:0;left:-20px}.floating-note>span{font-size:9px}.floating-note small{font-size:7px}.floating-note>.icon{width:19px}.floating-note>b{margin-left:4px}.europe-scene{height:410px}.map-label{padding:6px 8px;font-size:7px}.europe-scene .note-bottom{left:-10%;bottom:-10px;white-space:nowrap}.smart-scene{height:390px}.smart-orbit{width:270px;height:300px}.thermostat{transform:translate(-50%,-50%) scale(.85) rotateY(-17deg)}.smart-node{width:65px;height:73px}.node-a{left:4%;top:0}.node-b{right:-15px;top:95px}.node-c{left:0;bottom:7px}.automation-scene{height:380px}.automation-ring{width:240px;height:240px}.automation-core{width:85px;height:85px}.automation-core .icon{width:50px}.orbit-node{width:73px;height:82px;border-radius:16px;gap:7px}.orbit-node .icon{width:26px;height:26px}.orbit-node span{font-size:8px}.orbit-0{top:25px}.orbit-1{top:150px;right:-20px}.orbit-2{bottom:10px}.orbit-3{top:160px;left:-15px}.automation-status{left:-5%;font-size:8px;white-space:nowrap}.feature-strip{grid-template-columns:repeat(2,1fr);gap:18px;padding-block:25px}.feature-strip a{font-size:11px;padding:5px 15px}.feature-strip a:nth-child(2){border-right:0}.feature-strip a:nth-child(3){padding-left:0}.feature-strip .tiny{display:none}.section-heading{align-items:flex-start;flex-direction:column;gap:20px}.section-heading>p{max-width:none}.section-heading>p br{display:none}.course-grid{grid-template-columns:repeat(2,1fr);gap:22px}.course-image{height:210px}.course-body h3{font-size:21px;min-height:0}.course-body>p:first-child>span{display:inline}.course-body>p{font-size:12px}.detail-card{padding:25px 20px}.detail-card h3{font-size:18px}.detail-card p{font-size:12px}.kind-network .hero-copy h1{font-size:49px}.kind-coach h1{font-size:48px}.kind-invest h1{font-size:50px}.kind-guide h1{font-size:40px}.kind-academy .hero-copy h1,.kind-campus .hero-copy h1{font-size:43px}.kind-operator .hero-copy h1{font-size:43px}.kind-serviced .brand-name{font-size:20px;max-width:260px}.kind-smart .brand-name,.kind-automation .brand-name{font-size:20px;max-width:240px}.workspace{grid-template-columns:160px minmax(0,1fr);min-height:750px}.app-sidebar{padding-inline:8px}.sidebar-title{font-size:6px;gap:7px;padding:2px 7px 24px}.app-tab{font-size:9px;gap:8px;padding:11px 10px}.app-tab>.icon{width:15px}.app-content{padding:23px 20px}.app-heading h1{font-size:25px}.app-heading>div>p:last-child{font-size:9px}.app-heading{gap:15px}.app-topbar{padding:0 20px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{min-height:110px}.stat-card>strong{font-size:25px}.stat-card>small{display:block;font-size:7px}.stat-card>.icon{margin-bottom:8px}.dashboard-grid{grid-template-columns:1fr 1fr}.chart-panel{grid-column:1/-1}.tasks-panel{grid-column:1/-1;grid-row:2}.donut-panel,.activity-panel{grid-row:3}.embedded-workspace{grid-template-columns:145px minmax(0,1fr)}.embedded-workspace .stats-grid{grid-template-columns:repeat(2,1fr)}.embedded-workspace .app-heading{align-items:flex-start;flex-direction:column}.embedded-workspace .demo-label{font-size:6px;line-height:1.7}.embedded-workspace .chart-panel{grid-column:1/-1}.embedded-workspace .activity{font-size:8px}.embedded-workspace .activity small{font-size:7px}.embedded-workspace .activity-panel{grid-column:1/-1;grid-row:4}.embedded-workspace .donut-panel{grid-column:1/-1}.embedded-workspace .donut-panel .donut{float:left;margin:15px 25px 0 10%}.embedded-workspace .donut-panel .donut-legend{flex-direction:column;padding-top:50px}.embedded-workspace .donut-panel:after{content:'';display:block;clear:both}.faq{grid-template-columns:1fr;gap:35px}.faq h2 br{display:none}.closing{padding:40px}.footer-links{gap:18px}.calculator{gap:25px;padding:27px}.calculator h3{font-size:26px}.calc-result{padding:20px}.calc-result>strong{font-size:35px}.topic-grid{gap:12px}.topic-grid>button{padding:20px}.topic-grid strong{font-size:14px}.topic-grid span{font-size:11px}.workflow{padding:24px}.workflow-steps{gap:10px}.workflow-step{padding:18px 9px}.workflow-step>strong{font-size:10px}.collection-grid{grid-template-columns:repeat(2,1fr)}.collection-art{height:260px}.collection-art>strong{font-size:29px;max-width:270px}.template-list{grid-template-columns:1fr}.data-table{font-size:9px}.data-table th,.data-table td{padding:13px 8px}}
@media(max-width:600px){html{scroll-padding-top:78px}.site-header{height:74px}.nav-wrap{padding-inline:5%;gap:14px}.brand{gap:7px}.brand-symbol{width:26px;height:32px}.brand-symbol .icon{width:27px;height:32px}.brand-name{font-size:19px}.kind-serviced .brand-name{font-size:15px;max-width:195px}.kind-apartment .brand-name{font-size:18px}.kind-smart .brand-name,.kind-automation .brand-name{font-size:17px;max-width:210px}.nav-cta{display:none}.menu-btn{margin-left:auto}.menu-btn .icon{width:22px}.site-header nav{top:74px}.hero,.hero-lock .hero-inner,.hero-inner{min-height:0}.hero-inner,.hero-lock .hero-inner{padding:46px 6% 50px;grid-template-columns:1fr;gap:35px}.hero-copy{max-width:100%}.hero-copy h1,.hero-lock h1,.hero-smart h1,.hero-europe h1,.hero-automation h1,.kind-network .hero-copy h1,.kind-coach h1,.kind-operator .hero-copy h1,.kind-digital .hero-copy h1{font-size:clamp(38px,10.4vw,52px);margin:20px 0 22px;letter-spacing:-.05em}.kind-guide h1{font-size:38px}.hero-description{font-size:13px;max-width:340px;line-height:1.8}.hero-actions{margin-top:25px;gap:10px}.hero-actions .btn{font-size:10px;min-height:44px;padding:13px 15px;gap:12px}.hero-footnote{margin-top:25px;font-size:8px;max-width:330px}.hero .eyebrow{font-size:7px;letter-spacing:.15em}.hero-image{inset:0!important;opacity:1}.hero-shade{background:linear-gradient(180deg,var(--bg) 0%,color-mix(in srgb,var(--bg) 98%,transparent) 36%,color-mix(in srgb,var(--bg) 75%,transparent) 63%,color-mix(in srgb,var(--bg) 5%,transparent) 100%)!important}.hero:not(.hero-lock):not(.hero-europe):not(.hero-smart):not(.hero-automation) .hero-inner{padding-bottom:220px}.hero-image img{object-position:66% 100%}.hero-space{display:none}.hero .image-caption{right:20px;bottom:15px;font-size:6px}.hero-lock .hero-image,.hero-smart .hero-image,.hero-automation .hero-image{opacity:.3}.hero-lock .hero-shade,.hero-smart .hero-shade,.hero-automation .hero-shade{background:linear-gradient(180deg,var(--bg) 15%,color-mix(in srgb,var(--bg) 90%,transparent) 45%,color-mix(in srgb,var(--bg) 20%,transparent) 100%)!important}.hero-lock .hero-inner{padding-bottom:45px}.hero-lock .hero-checks{margin-block:17px}.hero-lock .hero-description{font-size:12px}.hero-lock .hero-checks{font-size:12px;gap:10px}.lock-scene{width:100%;height:355px;max-width:390px;margin:0 auto}.door-pane{left:27%;width:270px;top:-10px;bottom:-80px}.door-lock{left:48%;top:49%;transform:translate(-50%,-50%) scale(.83) rotateY(-13deg)}.lock-handle{width:175px}.lock-scene .note-top{top:0;right:0}.lock-scene .note-bottom{bottom:3px;left:0}.floating-note{padding:12px;border-radius:9px}.floating-note>span{font-size:9px}.floating-note small{font-size:7px}.scene-caption{bottom:-26px;font-size:6px;letter-spacing:.11em}.europe-scene{width:100%;height:330px;margin:0 auto}.europe-map{inset:-30px -25px;width:calc(100% + 50px)}.globe-grid{inset:0}.europe-scene .note-bottom{left:12%;bottom:0}.europe-scene .map-label{font-size:7px}.madrid{left:9%}.smart-scene{width:100%;height:330px;margin:0 auto}.smart-orbit{height:300px;width:300px}.thermostat{transform:translate(-50%,-50%) scale(.86) rotateY(-17deg)}.smart-node{width:69px;height:75px}.node-a{left:13%;top:0}.node-b{right:0;top:100px}.node-c{left:4%;bottom:10px}.automation-scene{width:100%;height:330px;margin:0 auto 20px}.automation-ring{height:230px;width:230px}.orbit-node{width:76px;height:82px}.orbit-0{top:0}.orbit-1{top:125px;right:0}.orbit-2{bottom:0;left:45%}.orbit-3{top:125px;left:0}.automation-core{top:48%}.automation-status{font-size:7px;left:50%;transform:translateX(-50%);bottom:-35px;padding:12px 16px}.feature-strip{padding:25px 6%;gap:18px 10px;min-height:120px}.feature-strip a{font-size:10px;gap:9px;line-height:1.3;padding:4px 7px}.feature-strip a>.icon:first-child{width:22px;height:24px}.section{padding:55px 6%}.section-heading{margin-bottom:28px;gap:16px}.section-heading .eyebrow{font-size:8px;margin-bottom:13px}.section-heading h2,h2{font-size:31px;line-height:1.13}.section-heading>p{font-size:11px}.detail-grid{grid-template-columns:1fr;gap:12px}.detail-card{min-height:0;padding:25px 25px 25px 82px}.detail-card>.icon{position:absolute;left:26px;top:27px;width:28px;margin:0}.detail-number{top:24px;right:22px;font-size:8px}.detail-card h3{font-size:18px;padding-right:20px;margin-bottom:12px}.detail-card p{font-size:12px}.wide-photo{height:355px;margin-top:24px}.wide-photo h3{font-size:32px}.wide-photo .eyebrow{font-size:6px;max-width:230px}.wide-photo>div{left:8%}.faq{gap:28px;padding-top:40px}.faq h2{font-size:29px}.faq .eyebrow{font-size:8px}.faq summary{font-size:12px;gap:15px}details{padding:20px 0}details p{font-size:11px;margin-right:10px}.closing{margin:0 6% 35px;padding:30px;border-radius:11px}.closing h2{font-size:29px}.closing .eyebrow{font-size:8px}.closing .btn{font-size:10px;padding:12px 15px}footer{padding:10px 6% 26px;gap:25px}.footer-links{width:100%;justify-content:space-between;gap:12px;font-size:9px}.footer-links button{font-size:9px}.footer-bottom{display:flex;flex-direction:column;gap:9px;font-size:8px;padding-top:20px}.kind-academy .hero,.kind-operator .hero{margin:14px 4% 0;border-radius:10px}.kind-academy .hero-shade{background:linear-gradient(180deg,#4c1b6c 10%,#4c1b6ce0 45%,#4c1b6c30 90%)!important}.kind-academy .hero-copy h1,.kind-campus .hero-copy h1{font-size:39px}.kind-campus .hero-shade{background:linear-gradient(180deg,#30244f 10%,#30244fe0 45%,#30244f30 90%)!important}.kind-holiday .hero-shade{background:linear-gradient(180deg,#075b9d 10%,#075b9de0 45%,#075b9d30 90%)!important}.kind-operator .hero-shade{background:linear-gradient(180deg,#14352f 10%,#14352fe0 45%,#14352f30 90%)!important}.kind-invest .hero-copy h1{font-size:48px}.kind-starter .hero-description{margin-top:30px}.kind-network .hero-description{max-width:310px}.filters{gap:7px;overflow:auto;margin-bottom:22px}.filter{font-size:9px;padding:8px 12px;white-space:nowrap}.course-grid{gap:15px;grid-template-columns:1fr}.course-image{height:200px}.course-body{padding:21px}.course-body>p:first-child{font-size:9px}.course-body h3{font-size:23px}.course-body>p{font-size:12px}.course-body>.text-button{margin-top:18px}.learning-progress{flex-wrap:wrap;gap:14px;padding:18px;font-size:10px}.learning-progress>span{font-size:10px}.learning-progress>strong{font-size:9px;margin-left:auto}.progress-track{order:3;flex-basis:100%}.onboarding{padding:20px}.onboarding>div:first-child>span{font-size:8px}.onboarding strong{font-size:9px}.steps{gap:6px}.steps button{font-size:8px;padding:0;gap:8px}.steps button b{width:32px;height:32px;font-size:12px}.steps:before{top:15px}.workspace,.embedded-workspace{grid-template-columns:1fr;min-height:0;overflow:hidden}.app-sidebar{display:flex;flex-direction:row;overflow:auto;padding:12px 14px;gap:6px;border:0}.app-tab{flex-shrink:0;padding:9px 11px;font-size:9px;gap:7px}.app-tab .icon{width:14px;height:15px}.sidebar-title,.sidebar-bottom{display:none}.app-topbar{height:50px;padding:0 20px;font-size:9px}.app-tools{gap:12px}.app-tools .avatar{width:26px;height:26px;font-size:8px}.app-content,.embedded-workspace .app-content{padding:25px 16px}.app-heading,.embedded-workspace .app-heading{flex-direction:column;align-items:flex-start;gap:17px}.app-heading h1,.embedded-workspace .app-heading h1{font-size:28px}.app-heading>div>p:last-child{font-size:9px;margin-top:8px}.period-control{padding:8px 10px;font-size:8px}.demo-label,.embedded-workspace .demo-label{font-size:6px;line-height:1.9;align-items:flex-start;gap:7px;margin-bottom:20px;max-width:315px}.demo-label .live-dot{margin-top:5px;flex-shrink:0}.stats-grid,.embedded-workspace .stats-grid{gap:10px;margin-bottom:13px}.stat-card,.embedded-workspace .stat-card{padding:17px 14px;min-height:117px;border-radius:8px}.stat-card>.icon{width:19px;height:20px}.stat-card>span{font-size:9px}.stat-card>strong,.embedded-workspace .stat-card>strong{font-size:24px}.stat-card>small{font-size:5px;top:23px;right:9px}.embedded-workspace .stat-card>small{display:block;font-size:5px}.dashboard-grid{gap:13px;grid-template-columns:1fr}.panel,.embedded-workspace .panel{padding:20px 16px;border-radius:8px}.panel h2,.embedded-workspace .panel-title h2{font-size:11px}.chart-panel,.tasks-panel,.donut-panel,.activity-panel{grid-column:auto!important;grid-row:auto!important}.chart-legend{display:none}.line-chart{height:135px;margin-top:18px}.donut-panel{min-height:220px}.donut-panel>.donut,.embedded-workspace .donut-panel>.donut{float:left;margin:22px 25px 10px 5%;width:115px;height:115px}.donut-panel .donut-legend,.embedded-workspace .donut-panel .donut-legend{display:flex;flex-direction:column;justify-content:center;padding-top:50px;gap:14px}.donut-panel:after{content:'';display:block;clear:both}.task-list label{font-size:9px;gap:8px}.task-list small{font-size:7px}.activity,.embedded-workspace .activity{font-size:9px}.activity small,.embedded-workspace .activity small{font-size:7px}.activity .text-button{font-size:7px}.embedded-workspace{border-radius:9px}.embedded-workspace .app-sidebar{padding:10px}.embedded-workspace .app-tab{font-size:8px;padding:8px;gap:5px}.embedded-workspace .app-topbar{font-size:8px}.embedded-workspace .app-tools button{display:none}.embedded-workspace .app-content{padding:20px 13px}.embedded-workspace .app-heading h1{font-size:24px}.embedded-workspace .stat-card>strong{font-size:22px}.kind-tools .section.faq,.kind-apartment .section.faq,.kind-serviced .section.faq{border-top:0}.data-table th,.data-table td{font-size:8px;padding:12px 6px}.data-table th:nth-child(4),.data-table td:nth-child(4){display:none}.tab-heading h2{font-size:21px}.tab-heading .btn{font-size:8px;padding:10px}.tab-heading .btn .icon{width:13px}.booking-calendar{gap:4px}.booking-calendar>div{padding:10px 4px;min-height:46px;font-size:8px}.booking-calendar small{font-size:5px}.calculator{grid-template-columns:1fr;padding:24px;gap:25px}.calculator h3{font-size:29px}.calculator .eyebrow{font-size:6px}.calculator p{font-size:11px}.calc-inputs{gap:16px 12px}.calc-inputs label{font-size:8px}.calc-inputs input{padding:11px;font-size:14px}.calc-result{padding:25px}.calc-result>strong{font-size:42px}.topic-grid{grid-template-columns:1fr;gap:12px}.topic-grid>button{padding:23px;position:relative;gap:10px}.topic-grid>button>.icon:first-child{margin-bottom:7px}.topic-grid>button>.icon:last-child{position:absolute;right:20px;top:28px}.community-board .badge{display:none}.workflow{padding:22px;margin-top:25px}.workflow>.panel-title{align-items:flex-start;flex-direction:column}.workflow h3{font-size:23px}.workflow .eyebrow{font-size:7px}.workflow .btn{font-size:10px}.workflow-steps{grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}.workflow-step{padding:20px 10px}.workflow-step>strong{font-size:10px}.small{font-size:8px}.collection-header{height:74px;padding:0 6%}.collection-header>a{font-size:9px;gap:7px}.collection-header>a>span{font-size:7px;letter-spacing:0}.collection-header>span{display:none}.collection-main{padding:45px 6%}.collection-main>h1{font-size:43px}.collection-main>.eyebrow{font-size:8px;margin-bottom:20px}.collection-intro{font-size:12px;margin:22px 0 35px}.collection-grid{grid-template-columns:1fr;gap:22px}.collection-art{height:280px;padding:25px}.collection-art>strong{font-size:34px;max-width:300px}.collection-brand .brand-name{font-size:14px}.collection-caption{padding:20px}.collection-caption b{font-size:13px}.collection-caption small{font-size:7px}.collection-footer{font-size:8px;line-height:1.8;padding:0 6% 30px}dialog{padding:38px 24px;max-height:88vh;border-radius:12px}#modal-body h2{font-size:28px}#modal-body p,#modal-body li{font-size:12px}#modal-body .eyebrow{font-size:8px}.modal-checks label{font-size:12px}.modal-options{grid-template-columns:1fr}.modal-options button{font-size:12px;padding:16px}.template-text{font-size:11px;padding:16px}.reveal{transform:translateY(10px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}
[hidden]{display:none!important}
/* Keep floating annotations in front of the dimensional door and maintain readable dark captions. */
.theme-dark{--muted:#a4b7bf;--line:#ffffff1d}.lock-scene{transform-style:flat}
h1,h2,h3{overflow-wrap:break-word;hyphens:manual}.hero-copy{min-width:0}.brand-name{overflow-wrap:anywhere}
@media(max-width:600px){.hero-europe .hero-copy h1{font-size:clamp(31px,8.5vw,38px)}.kind-invest .hero-copy h1{font-size:clamp(35px,9.5vw,44px)}}