:root{color-scheme:dark;--bg:#101113;--text:#f3f4f2;--muted:#999b9e;--accent:#d7ff75}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{position:fixed;inset:0;background:var(--bg);color:var(--text);font:14px Arial,Helvetica,sans-serif;display:flex;flex-direction:column}button,a,input,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit;border:1px solid #ffffff20;background:#ffffff08;border-radius:10px;padding:12px 17px;transition:background 120ms,transform 120ms}button:hover{background:#ffffff15}button:active{transform:scale(.97)}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}a{color:inherit;text-decoration:none}.topbar{height:94px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;border-bottom:1px solid #ffffff0c}.brand{font-size:26px;font-weight:800;letter-spacing:-1.3px}.brand span{font-size:10px;letter-spacing:1.9px;font-weight:400;color:#9b9c9f;margin-left:18px}main{position:relative;display:grid;grid-template-columns:36% 64%;flex:1;min-height:0;padding:0 4.5%}.intro{align-self:center;z-index:2;pointer-events:none}.intro button{pointer-events:auto}.eyebrow{font-size:10px;letter-spacing:2.4px;color:#b3b5b7;display:flex;align-items:center;gap:9px}.eyebrow span{width:6px;height:6px;border-radius:50%;background:var(--accent)}h1{font-size:clamp(42px,5.3vw,83px);font-weight:500;line-height:1.02;letter-spacing:-4px;margin:29px 0 24px;text-wrap:balance}.description{font-size:19px;line-height:1.6;color:var(--muted)}.primary{background:var(--accent);color:#151a0d;border:0;font-weight:600;padding:17px 21px;border-radius:6px}.primary:hover{background:#e3ff9e}.primary span{margin-left:24px}.intro .primary{margin-top:13px}.specs{display:flex;gap:36px;margin-top:51px}.specs div{display:flex;flex-direction:column;gap:8px}.specs b{font-size:20px;font-weight:400}.specs span,.smallnote{font-size:11px;color:var(--muted)}.smallnote{margin-top:32px}.studio{position:relative;min-height:0}.studio:before{content:'';position:absolute;inset:5% -5% 8%;background:radial-gradient(ellipse,#3a3c402b 0,transparent 65%);pointer-events:none}#stage{position:absolute;inset:0 0 110px;touch-action:none;cursor:grab;outline-offset:-5px}#stage:active{cursor:grabbing}#stage canvas{position:absolute;inset:0;pointer-events:none}.css-layer{position:absolute;inset:0;pointer-events:none}.object-label{position:absolute;top:32px;left:9%;right:14%;display:flex;justify-content:space-between;color:#707276;font-size:9px;letter-spacing:1.8px;pointer-events:none}.controls{position:absolute;bottom:43px;left:50%;transform:translateX(-50%);display:flex;gap:8px;white-space:nowrap;align-items:center}.segmented{display:flex;border:1px solid #ffffff18;border-radius:12px;background:#1b1c20;padding:4px}.segmented button{border:0;background:transparent;padding:11px 20px}.segmented .selected{background:#e5e6e3;color:#161719}.controls>button{padding:12px;font-size:19px;border:0;background:transparent}#hint{position:absolute;bottom:9px;text-align:center;width:100%;font-size:10px;letter-spacing:.3px;color:#939599}.finishes{position:absolute;right:3.8%;top:40%;display:flex;flex-direction:column;gap:15px;align-items:center}.finishes>span{font-size:8px;letter-spacing:1.8px;margin-bottom:5px}.swatch{padding:0;width:24px;height:24px;border-radius:50%;background:#a6a396;border:4px solid #101113;outline:1px solid transparent}.swatch.selected{outline-color:#999}.swatch[data-color=black]{background:#3b3c40}.swatch[data-color=blue]{background:#8dabb7}footer{height:48px;flex-shrink:0;border-top:1px solid #ffffff0c;margin:0 4.5%;display:flex;align-items:center;justify-content:space-between;color:#74777b;font-size:8px;letter-spacing:1.7px}.loading{position:absolute;inset:45% 0;text-align:center;color:#bbb;font-size:12px}.screen{width:320px;height:694px;border-radius:43px;overflow:hidden;background:#141722;color:white;position:relative;backface-visibility:hidden;user-select:none;pointer-events:none;font-family:Arial,Helvetica,sans-serif;box-shadow:inset 0 0 0 1px #ffffff18}.screen.interactive{pointer-events:auto}.screen button{touch-action:manipulation}.wallpaper{position:absolute;inset:0;background:radial-gradient(ellipse at 82% 8%,#ffda9170,transparent 47%),repeating-radial-gradient(ellipse at 100% 95%,#170d1d 0%,#682c30 17%,#ed6d47 24%,#ffbd77 27%,#1d1b35 32%,#111627 45%);transition:filter 200ms}.screen[data-wallpaper=ocean] .wallpaper{filter:hue-rotate(155deg)}.screen[data-wallpaper=moss] .wallpaper{filter:hue-rotate(70deg)}.statusbar{position:absolute;top:0;height:48px;left:0;right:0;padding:18px 25px 0;display:flex;justify-content:space-between;z-index:5;font-size:12px;font-weight:600;pointer-events:none}.island{position:absolute;top:13px;left:50%;transform:translateX(-50%);width:84px;height:23px;background:#08090b;border-radius:20px;z-index:8;pointer-events:none}.island:after{content:'';position:absolute;right:9px;top:7px;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#274151,#09101c 55%,#182329)}.lock{position:absolute;inset:55px 0 0;display:flex;flex-direction:column;align-items:center;padding:28px 24px 33px}.lock-date{font-size:17px}.lock-time{font-size:76px;letter-spacing:-4px;font-weight:500;margin-top:7px}.lock-message{margin-top:auto;text-align:center;border:1px solid #ffffff20;background:#ffffff14;backdrop-filter:blur(15px);border-radius:20px;padding:18px 20px;width:100%;font-size:13px;line-height:1.7}.lock-message strong{display:block;font-size:15px}.unlock{border:0;background:#ffffffec;color:#17191b;padding:14px 32px;border-radius:30px;margin-top:20px}.home{position:absolute;inset:56px 0 18px;padding:24px 23px 0;display:flex;flex-direction:column}.home-date{font-size:12px;opacity:.9}.home-time{font-size:52px;letter-spacing:-2px;margin:6px 0 18px}.widget{padding:15px 18px;background:#ffffff18;border:1px solid #ffffff26;border-radius:23px;backdrop-filter:blur(16px);font-size:12px;line-height:1.5}.widget strong{display:block;font-size:17px;margin-bottom:4px}.app-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:23px 10px;margin-top:30px}.app-icon{display:flex;flex-direction:column;align-items:center;gap:7px;padding:0;border:0;background:none;border-radius:12px;font-size:10px}.app-icon:hover{background:transparent}.icon-tile{width:51px;height:51px;border-radius:16px;display:grid;place-items:center;color:#fff;font-size:27px;box-shadow:inset 0 1px 1px #ffffff50,0 3px 8px #0002}.icon-tile svg{width:27px;height:27px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}.dock{margin-top:auto;display:flex;justify-content:space-around;background:#ffffff23;border:1px solid #ffffff1f;border-radius:26px;padding:14px 10px;backdrop-filter:blur(20px);margin-bottom:22px}.dock .app-icon>span:last-child{display:none}.homebar{position:absolute;bottom:4px;width:100px;left:110px;height:21px;padding:0;border:0;background:transparent;z-index:9}.homebar:after{content:'';display:block;position:absolute;top:9px;left:0;right:0;height:4px;border-radius:5px;background:currentColor}.homebar:hover{background:transparent}.app-view{position:absolute;inset:0;background:#f3f3f0;color:#17191b;padding:65px 21px 34px;display:flex;flex-direction:column;overflow:hidden}.app-view h2{font-size:28px;letter-spacing:-1px;margin:13px 0 18px}.app-scroll{overflow:auto;overscroll-behavior:contain;flex:1;min-height:0;padding:3px}.app-back{padding:0;background:none;border:0;color:#626969;text-align:left;align-self:start;font-size:13px}.screen.in-app .statusbar{color:#17191b}.screen.in-app .homebar{color:#17191b}.app-view button{color:#222;background:#e3e5e1;border-color:#d6d8d3}.app-view .app-back{background:none}.app-view input,.app-view textarea{background:#fff;border:1px solid #d8d9d4;color:#151a18;padding:13px;border-radius:12px;width:100%;font-size:16px}.app-view label{display:block;font-size:12px;line-height:1.5;margin:12px 0 7px}.app-view .note{resize:none;height:320px;line-height:1.7}.helper{color:#717773;font-size:12px;line-height:1.6}.search-submit{width:100%;margin-top:12px!important;background:#222b24!important;color:white!important}.google-word{font-size:42px;text-align:center;letter-spacing:-3px;margin:48px 0 30px;color:#4285f4}.google-word span:nth-child(1){color:#ea4335}.google-word span:nth-child(2){color:#fbbc05}.google-word span:nth-child(3){color:#4285f4}.google-word span:nth-child(4){color:#34a853}.google-word span:nth-child(5){color:#ea4335}.quicklinks{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:24px}.quicklinks a{border:1px solid #d6d9d3;border-radius:12px;padding:16px 8px;font-size:12px;text-align:center;background:white}.calc-output{font-size:42px;text-align:right;padding:25px 0;overflow:hidden;white-space:nowrap;display:block}.calc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.calc-grid button{height:51px;padding:5px;border-radius:50%;font-size:21px}.calc-grid .operator{background:#d7f09a}.clock-big{text-align:center;font-size:43px;font-variant-numeric:tabular-nums;margin:48px 0 12px}.clock-actions{display:flex;gap:8px;justify-content:center}.settings-row{padding:15px;background:white;border:1px solid #ddd;border-radius:15px;margin-bottom:10px;font-size:13px}.settings-row b{display:block;margin-bottom:7px}.wall-options{display:flex;gap:7px;margin:12px 0}.wall-options button{flex:1;padding:12px 5px;font-size:11px}.wall-options button.active{outline:2px solid #4a6444}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;text-align:center;font-size:13px}.calendar span{padding:10px 0}.calendar .today{background:#242d25;color:#fff;border-radius:50%}.calendar .weekday{font-size:10px;color:#777}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gallery button{height:150px;border-radius:16px;background:repeating-radial-gradient(ellipse at bottom right,#152239,#367893 25%,#d2e9d2 30%,#132c37 45%)}.gallery button:nth-child(2){filter:hue-rotate(160deg)}.gallery button:nth-child(3){filter:hue-rotate(270deg)}.gallery button:nth-child(4){filter:hue-rotate(50deg)}dialog{background:#1c1e21;border:1px solid #ffffff25;border-radius:22px;color:#eee;width:min(480px,92vw);padding:33px;max-height:90dvh;overflow:auto}dialog::backdrop{background:#000a;backdrop-filter:blur(8px)}dialog h2{font-size:40px;letter-spacing:-2px;margin:18px 0}dialog p{color:#a3a6a8;line-height:1.6}dialog textarea{width:100%;height:135px;background:#101113;color:#d7ff75;border:1px solid #444;border-radius:8px;padding:12px;margin:10px 0 20px;font:12px monospace}dialog .close{position:absolute;right:12px;top:12px;border:0;background:none;font-size:24px}.fine{font-size:11px}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#e9efdf;color:#222;padding:12px 20px;border-radius:20px;z-index:30;font-size:12px;display:none}.embed .topbar,.embed .intro,.embed footer,.embed .object-label,.embed .finishes{display:none}.embed main{display:block;padding:0}.embed .studio{height:100%}.embed .studio #stage{bottom:92px}.embed .controls{bottom:30px}.embed #hint{bottom:0}.fallback #stage .screen{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(var(--fallback-scale,.7));border:5px solid #676963;box-sizing:content-box}.fallback .screen{pointer-events:auto}.fallback #rotate,.fallback #back{display:none}
@media(max-width:800px){.topbar{height:66px;padding:0 6%}.brand{font-size:23px}.brand span{font-size:8px;letter-spacing:1px;margin-left:9px}.topbar button{padding:10px;font-size:11px}main{display:block;padding:0}.intro{position:absolute;top:22px;left:6%;right:6%;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.intro .eyebrow,.description,.specs,.smallnote,.intro .primary{display:none}h1{font-size:31px;letter-spacing:-1.3px;line-height:1.05;margin:0}h1 br{display:none}.studio{height:100%}#stage{top:60px;bottom:96px}.object-label{display:none}.controls{bottom:36px;gap:3px}.segmented button{padding:11px 14px;font-size:12px}.controls>button{padding:10px}.finishes{right:5%;top:25%;gap:16px}.finishes>span{display:none}#hint{bottom:4px;font-size:9px}footer{height:30px;font-size:6px;letter-spacing:1px}.embed #stage{top:0}.embed .controls{bottom:27px}}
@media(max-height:650px){.topbar{height:54px}.intro{top:14px}h1{font-size:28px}.studio #stage{top:46px;bottom:84px}.controls{bottom:28px}#hint{bottom:0}footer{height:23px}.embed .studio #stage{top:0}.intro .specs,.smallnote{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
body[data-mode=use] #stage{touch-action:pan-y}.app-scroll,.note{touch-action:pan-y;overscroll-behavior:contain}

/* The display and glass share the same circular corner profile. */
.screen{border-radius:43px;box-shadow:none;isolation:isolate;-webkit-backface-visibility:hidden}
.screen:after{content:"";position:absolute;inset:0;z-index:12;border-radius:inherit;pointer-events:none;background:linear-gradient(var(--glass-angle,115deg),rgba(211,230,248,.7),rgba(255,255,255,.12) 30%,transparent 48%,rgba(205,222,236,.18));opacity:var(--glass-opacity,.025);box-shadow:inset 0 0 0 .5px #cce0ee25}
.status-icons{display:flex;align-items:center;gap:4px;height:12px}.status-icons svg{width:14px;height:11px}.status-icons svg:last-child{width:23px}.lock-symbol{width:20px;height:20px;flex-shrink:0}

/* The curved optical surface sits above the usable DOM display. */
#stage .display-glass-canvas{z-index:2;pointer-events:none}
.physical-glass .screen:after{display:none}

/* Apple-inspired system: rounded controls, grouped content, glass navigation. */
.screen{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}
.screen button{transition:background 140ms,transform 140ms,box-shadow 140ms}.screen button:active{transform:scale(.94)}.screen :focus-visible{outline-color:#007aff;outline-offset:3px}.screen .wallpaper{background:radial-gradient(ellipse at 90% 6%,#ffd9b4 0,transparent 40%),radial-gradient(ellipse at 10% 90%,#94deed 0,transparent 46%),radial-gradient(ellipse at 130% 10%,#a9d2f2 0%,#638cdd 18%,#1c3f8c 29%,#9ebde9 33%,#c7d7ed 36%,#313b78 48%,#759edb 49%,#94ceed 75%,#405cbc 100%)}.screen[data-wallpaper=ember] .wallpaper{background:radial-gradient(ellipse at 82% 8%,#ffda9170,transparent 47%),repeating-radial-gradient(ellipse at 100% 95%,#170d1d 0%,#682c30 17%,#ed6d47 24%,#ffbd77 27%,#1d1b35 32%,#111627 45%)}.screen[data-wallpaper=ocean] .wallpaper{filter:hue-rotate(335deg)}.screen[data-wallpaper=moss] .wallpaper{filter:hue-rotate(260deg)}
.screen .lock{padding:28px 22px 24px}.lock-date{font-size:17px;font-weight:500;margin:13px 0 0}.screen .lock-time{font-size:86px;line-height:1.1;letter-spacing:-5px;font-weight:600;color:#f0f6ff;text-shadow:0 1px 18px #132d5e12}.lock-symbol{opacity:.9}.screen .lock-message{display:flex;gap:12px;align-items:center;text-align:left;padding:15px;border-radius:25px;background:#edf5ffb5;border:1px solid #fff7;box-shadow:inset 0 1px 1px #fff8,0 10px 30px #10234718;color:#1c2636;backdrop-filter:blur(26px) saturate(1.6)}.notification-icon{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;background:#202a3d;color:white;font-size:21px;font-weight:600;flex-shrink:0}.lock-message>div{flex:1}.lock-message small{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.5px;color:#495569}.screen .lock-message strong{font-size:13px;margin-top:3px}.lock-message p{font-size:11px;margin:0}.screen .unlock{background:#ffffff24;backdrop-filter:blur(16px);border:1px solid #ffffff42;color:white;font-size:12px;border-radius:30px;padding:14px 25px;margin-top:17px;box-shadow:inset 0 1px #ffffff35}.unlock span{margin-left:10px}.screen .home{padding:21px 21px 0;inset:55px 0 17px}.home-widgets{display:grid;grid-template-columns:1fr 1fr;gap:14px}.home-widgets>button{height:132px;border-radius:27px;border:1px solid #fff6;box-shadow:inset 0 1px 1px #fff8,0 5px 17px #14275018}.calendar-widget{padding:14px 13px!important;text-align:left;background:#fffef5ed!important;color:#202125!important}.calendar-widget>span{font-size:9px;letter-spacing:.3px;color:#ef4a4f;display:block;font-weight:600}.calendar-widget>b{font-size:42px;font-weight:300;line-height:1.12;display:block}.calendar-widget>small{font-size:9px;line-height:1.45;display:block;color:#7a7a80;margin-top:6px}.time-widget{background:#eff4ffbd!important;padding:10px!important;color:#252b37!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;backdrop-filter:blur(20px)}.time-widget>small{font-size:9px;font-weight:600;letter-spacing:.5px}.analog-clock{position:relative;width:87px;height:87px;border-radius:50%;background:#fff;box-shadow:0 1px 5px #19284b18}.analog-clock>span{position:absolute;font-size:9px;font-weight:500}.clock-12{top:4px;left:38px}.clock-3{right:5px;top:39px}.clock-6{bottom:4px;left:41px}.clock-9{left:5px;top:39px}.hand{position:absolute;left:42px;bottom:43px;width:3px;background:#242630;border-radius:3px;transform-origin:50% 100%;transform:rotate(var(--hand-turn,0deg))}.hour-hand{height:22px}.minute-hand{height:30px;width:2px}.clock-center{position:absolute;left:40px;top:40px;width:7px;height:7px;border-radius:50%;background:#fc8840}.widget-captions{display:flex;justify-content:space-around;font-size:10px;margin-top:8px;text-shadow:0 1px 3px #1235}.screen .app-grid{gap:23px 12px;margin-top:27px}.screen .app-icon{font-size:10px;font-weight:500;gap:7px;text-shadow:0 1px 3px #10234655}.screen .icon-tile{height:53px;width:53px;border-radius:16px;border:1px solid #ffffff55;box-shadow:inset 0 1px 2px #fffa,0 3px 8px #12274d26;background:linear-gradient(155deg,#f4f6fa,#cdd3db);color:#626b78;overflow:hidden}.screen .icon-tile svg{width:40px;height:40px}.screen .icon-clock{background:#191c23}.screen .icon-gallery,.screen .icon-calendar,.screen .icon-browser{background:linear-gradient(#fff,#f5f7fa)}.screen .icon-gallery svg{width:37px;height:37px}.screen .icon-notes{background:linear-gradient(#ffdf56 0 28%,#fffdf0 28%)}.screen .icon-notes svg{width:44px;height:44px}.screen .icon-calculator{background:linear-gradient(#697079,#3e444d)}.screen .icon-info{background:linear-gradient(#65b8fe,#087afa);color:#fff}.screen .icon-info svg{width:31px;height:31px}.screen .icon-settings svg{width:37px;height:37px;stroke-width:1.4}.calendar-icon{display:flex;flex-direction:column;align-items:center;text-shadow:none}.calendar-icon small{color:#ef484e;font-size:9px;font-weight:600;line-height:1.4}.calendar-icon b{color:#202125;font-size:31px;font-weight:300;line-height:1}.home-tools{margin-top:auto;display:flex;justify-content:center;gap:8px;padding:15px 0}.home-tools button{background:#d9e8ff38;border:1px solid #fff3;border-radius:25px;padding:8px 15px;font-size:11px;backdrop-filter:blur(18px)}.home-customize{width:35px;padding:6px!important;font-size:16px!important}.screen .dock{margin-top:0;border-radius:31px;background:#e1ebff66;border:1px solid #fff7;padding:14px 8px;margin-bottom:15px;box-shadow:inset 0 1px 1px #fff8,0 8px 24px #14264b24;backdrop-filter:blur(28px) saturate(1.6)}.screen .dock .icon-tile{width:51px;height:51px}
.screen .app-view{background:#f2f2f7;padding:59px 20px 35px}.screen .app-view h2{font-size:31px;font-weight:700;letter-spacing:-1px;margin:16px 0 19px}.screen .app-back{color:#007aff;font-size:13px;padding:7px 11px!important;border-radius:22px;background:#ffffffba!important;box-shadow:0 1px 3px #1111;border:1px solid #fff}.screen .app-scroll{padding:2px 1px 15px}.screen .app-view button{border-radius:22px}.screen .app-view input,.screen .app-view textarea{border-radius:20px;border:0;box-shadow:inset 0 0 0 .5px #17254d0a;background:#fff;padding:15px;font-size:15px}.screen .settings-row{border:0;border-radius:23px;padding:19px;margin-bottom:13px;background:#fff;font-size:12px;line-height:1.65}.screen .settings-row b{font-size:15px;margin-bottom:3px}.screen .helper{font-size:11px;color:#7e7f86;line-height:1.6}.screen .app-view label{font-size:11px;font-weight:500;color:#777980;margin:17px 0 9px;padding-left:5px}.screen .wall-options{gap:5px}.screen .wall-options button{border:0;background:white;font-size:10px;padding:12px 3px;border-radius:17px}.screen .wall-options button.active{outline-color:#007aff}.screen input[type=range]{accent-color:#007aff;box-shadow:none;padding:15px 0;background:transparent}.screen #screen-lock{background:#fff;color:#ff3b30;border:0;width:100%;padding:16px}.screen .quicklinks{gap:11px}.screen .quicklinks a{border:0;border-radius:22px;background:white;padding:22px 8px;color:#007aff;font-weight:500;box-shadow:0 2px 8px #15284a06}.screen .google-word{font-size:46px;margin:37px 0 28px;letter-spacing:-2px}.screen .search-submit{border-radius:24px!important;background:#007aff!important;color:white!important;border:0;padding:14px;font-size:13px}.screen[data-app=notes] .app-view{background:#fffdf5}.screen[data-app=notes] .app-back{color:#b68b16}.screen[data-app=notes] h2{margin-bottom:12px}.screen .app-view .note{height:365px;border-radius:20px;background:repeating-linear-gradient(#fffefa 0 29px,#ded8bb44 29px 30px);font-size:16px;line-height:30px;padding:15px;box-shadow:0 2px 13px #4b391108}.screen[data-app=calculator] .app-view{background:#121316;color:white}.screen[data-app=calculator] .statusbar,.screen[data-app=calculator] .homebar{color:#fff}.screen[data-app=calculator] .app-back{background:#ffffff18!important;color:#ffa52e;border-color:#ffffff18}.screen[data-app=calculator] .app-view h2{font-size:24px;font-weight:500;color:#f0f0f3;margin-bottom:0}.screen .calc-output{font-size:54px;font-weight:300;padding:25px 1px 22px;color:#fff;letter-spacing:-2px}.screen .calc-grid{gap:9px}.screen .calc-grid button{height:53px;border-radius:50%;background:#33343a;border:1px solid #ffffff0c;color:white;font-size:23px;font-weight:400;padding:0}.screen .calc-grid button:nth-child(-n+3){background:#a5a5ac;color:#161619}.screen .calc-grid .operator{background:#ff9f0a;color:white;box-shadow:inset 0 1px 1px #ffffff45}.screen .clock-big{font-size:45px;font-weight:300;letter-spacing:-1.8px;margin:35px 0 10px}.screen .clock-actions{gap:18px}.screen .clock-actions button{width:91px;height:65px;border-radius:50px;font-size:12px;border:0}.screen #timer-toggle{background:#d7f3df;color:#198140}.screen #timer-reset{background:#e5e5ea;color:#60616b}.screen .app-scroll hr{border:0;border-top:1px solid #dedee5;margin:28px 0}.screen .calendar{background:white;border-radius:26px;padding:12px 8px;gap:4px}.screen .calendar .today{background:#ff453a}.screen .calendar .weekday{color:#a0a0a8}.screen .gallery{gap:9px}.screen .gallery button{border:0;border-radius:24px}.screen .home,.screen .app-view{animation:os-appear 220ms ease-out both}@keyframes os-appear{from{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}}
.system-sheet[hidden]{display:none}.system-sheet{position:absolute;inset:54px 10px 30px;z-index:11;border:1px solid #fff8;border-radius:32px;background:#edf2f8e8;backdrop-filter:blur(30px) saturate(1.6);box-shadow:0 12px 40px #13284d33,inset 0 1px 1px white;color:#1b2130;padding:23px 18px;overflow:auto;overscroll-behavior:contain;touch-action:pan-y}.sheet-heading{display:flex;justify-content:space-between;align-items:center}.sheet-heading h2{font-size:27px;letter-spacing:-1px;margin:0}.system-sheet button{color:#242936}.sheet-close{width:35px;height:35px;border:0;border-radius:50%;background:#fff9;padding:0;font-size:24px}.search-label{display:block;font-size:11px;color:#747e8f;margin:24px 0 8px}.system-sheet input[type=search]{width:100%;padding:13px;border:0;border-radius:19px;background:#fff9;color:#1c2636;font-size:15px}.system-sheet .search-results{grid-template-columns:repeat(3,1fr);gap:20px 9px;margin-top:24px}.system-sheet .app-icon{color:#27324a;text-shadow:none;font-size:9px}.search-empty{grid-column:1/-1;text-align:center;font-size:13px;color:#6d7785;padding-top:30px}.sheet-subtitle{font-size:12px;color:#6c778a;margin:12px 0 26px}.control-card{border:1px solid #fffa;background:#fff8;border-radius:26px;padding:20px}.control-card label{font-size:13px;display:block;margin-bottom:15px}.control-card input{width:100%;accent-color:#007aff}.control-wallpapers{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.control-wallpapers button{padding:8px;background:#fff8;border:2px solid transparent;border-radius:22px;font-size:11px}.control-wallpapers button[aria-pressed=true]{border-color:#007aff}.wall-preview{display:block;height:80px;border-radius:15px;margin-bottom:7px;background:linear-gradient(130deg,#c8e0ff,#4f77c2 45%,#243777 50%,#bbccea)}.wall-ember{filter:hue-rotate(140deg)}.wall-ocean{filter:hue-rotate(335deg)}.wall-moss{filter:hue-rotate(260deg)}.control-settings{border:0;background:#fff9;border-radius:22px;width:100%;padding:15px;font-size:12px;color:#007aff!important}.system-sheet :focus-visible{outline:2px solid #007aff;outline-offset:2px}
@media(prefers-reduced-motion:reduce){.screen .home,.screen .app-view{animation:none}.screen button{transition:none}}

.screen .calc-grid button{height:auto;aspect-ratio:1;width:100%}
/* Liquid Glass: transparent optical layers over the generated Liquid Tide image. */
.screen{--liquid-fill:linear-gradient(var(--glass-angle,135deg),#ffffff30 0%,#ffffff08 42%,#bedcff12 65%,#ffffff25 100%);--liquid-edge:1px solid #edf6ff66;--liquid-shadow:inset 0 1px 1px #ffffffbb,inset 1px 0 1px #ffffff36,inset 0 -1px 1px #b9ddff66,0 7px 18px #00000022;--liquid-blur:blur(13px) saturate(1.55)}
.screen[data-wallpaper=liquid] .wallpaper{background:#071529 url('/wallpapers/liquid-tide.webp') center/cover no-repeat;filter:none}
.screen .icon-tile{position:relative;background:var(--liquid-fill)!important;border:var(--liquid-edge);border-radius:18px;box-shadow:var(--liquid-shadow);backdrop-filter:blur(7px) saturate(1.7);-webkit-backdrop-filter:blur(7px) saturate(1.7);color:#f6fbff!important}
.screen .icon-tile:after{content:"";position:absolute;inset:1px;pointer-events:none;border-radius:16px;background:linear-gradient(145deg,#fff4,transparent 27%,transparent 65%,#d3edff18);box-shadow:inset 0 0 0 .5px #ffffff13}
.screen .icon-tile svg{width:29px;height:29px;stroke-width:1.55;filter:drop-shadow(0 1px 1px #06152666)}.screen .icon-gallery svg{width:33px;height:33px}.screen .icon-settings svg{width:31px;height:31px}.screen .calendar-icon small{color:#e1f0ff}.screen .calendar-icon b{color:#fff;font-size:30px;font-weight:400;text-shadow:0 1px 2px #081b3b33}.screen .app-icon{color:#fff;text-shadow:0 1px 4px #001329cc}
.screen .home-widgets>button{background:var(--liquid-fill)!important;color:#fff!important;border:var(--liquid-edge);box-shadow:var(--liquid-shadow);backdrop-filter:var(--liquid-blur);-webkit-backdrop-filter:var(--liquid-blur)}.screen .calendar-widget>span{color:#e0f2ff}.screen .calendar-widget>small{color:#e1ebf6}.screen .calendar-widget>b{text-shadow:0 2px 8px #001c4422}.screen .analog-clock{background:#e7f4ff16;border:1px solid #effaff33;box-shadow:inset 0 1px 2px #fff5,0 2px 9px #07173522}.screen .analog-clock>span{color:#f2faff}.screen .hand{background:#fff;box-shadow:0 1px 3px #0015}.screen .clock-center{background:#bce8ff}.widget-captions{text-shadow:0 1px 4px #071735aa}
.screen .dock,.screen .home-tools button,.screen .unlock{background:var(--liquid-fill);border:var(--liquid-edge);box-shadow:var(--liquid-shadow);backdrop-filter:var(--liquid-blur);-webkit-backdrop-filter:var(--liquid-blur)}.screen .dock{border-radius:33px;background:linear-gradient(140deg,#e8f6ff2e,#b9d8f40d 50%,#e8f6ff30);box-shadow:inset 0 1px 2px #fff9,inset 0 -1px 1px #d8f4ff55,0 10px 22px #00183235}.screen .dock .icon-tile{background:linear-gradient(145deg,#ffffff20,#ffffff03 50%,#ffffff20)!important;backdrop-filter:blur(5px) saturate(1.5)}
.screen .lock-message{background:linear-gradient(145deg,#e2f2ff26,#b8d7ee13 60%,#e0f3ff2a);border:var(--liquid-edge);box-shadow:var(--liquid-shadow);backdrop-filter:blur(22px) saturate(1.55);-webkit-backdrop-filter:blur(22px) saturate(1.55);color:#fff}.screen .lock-message small{color:#dae9f4}.screen .notification-icon{background:#ffffff18;border:1px solid #fff5;box-shadow:inset 0 1px #fff6}.screen .lock-time{text-shadow:0 2px 20px #02132f33;color:#f0f9ff}
.screen .system-sheet{background:linear-gradient(145deg,#122c48cb,#10253abb);border:var(--liquid-edge);box-shadow:var(--liquid-shadow),0 18px 40px #00152d44;backdrop-filter:blur(25px) saturate(1.6);-webkit-backdrop-filter:blur(25px) saturate(1.6);color:white}.screen .system-sheet button{color:#fff}.screen .sheet-close,.screen .control-card,.screen .control-wallpapers button,.screen .control-settings{background:var(--liquid-fill);border:1px solid #ffffff35;box-shadow:inset 0 1px #fff5,0 3px 8px #0012}.screen .sheet-subtitle,.screen .search-label,.screen .search-empty{color:#c9dbea}.screen .system-sheet input[type=search]{background:#071c3566;border:1px solid #fff4;color:#fff;box-shadow:inset 0 1px 2px #0002}.screen .system-sheet input::placeholder{color:#c2d4e5}.screen .system-sheet .app-icon{color:#fff}.screen .control-settings{color:#def3ff!important}.screen .control-wallpapers button[aria-pressed=true]{border:1px solid #b8e8ff;box-shadow:0 0 0 1px #b8e8ff,inset 0 1px #fff9}.screen .wall-liquid{background:#071529 url('/wallpapers/liquid-tide.webp') center 60%/cover}.screen .control-wallpapers button:first-child{grid-column:1/-1}.screen .control-wallpapers button:first-child .wall-preview{height:90px}.screen .system-sheet :focus-visible{outline-color:#bfeaff}
/* App content retains an opaque-enough reading plane; navigation and controls stay glass. */
.screen .app-view{background:linear-gradient(150deg,#eff6fde8,#e0eaf2e3);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.screen .app-back{background:linear-gradient(145deg,#ffffffb0,#ffffff40)!important;border:1px solid #ffffffc0;box-shadow:inset 0 1px #fff,0 3px 12px #13304a12}.screen .settings-row,.screen .quicklinks a,.screen .calendar{background:linear-gradient(145deg,#ffffffb5,#ffffff65);border:1px solid #ffffffb0;box-shadow:inset 0 1px #fff,0 4px 14px #29456509;backdrop-filter:blur(12px)}.screen .wall-options button{background:#ffffff70;border:1px solid #fff9;font-size:9px}.screen .app-view input:not([type=range]){background:#ffffff9c;border:1px solid #ffffffbb}.screen[data-app=notes] .app-view{background:linear-gradient(145deg,#fffdf3f5,#f4f4e9eb)}.screen .app-view .note{background:repeating-linear-gradient(#fffffbce 0 29px,#dbd8bc66 29px 30px);border:1px solid #ffffffb0;box-shadow:inset 0 1px #fff,0 5px 18px #1832470c}.screen[data-app=calculator] .app-view{background:linear-gradient(150deg,#101a28f0,#08111dd9)}.screen .calc-grid button{background:linear-gradient(140deg,#ffffff29,#ffffff0a);border:1px solid #ffffff48;box-shadow:inset 0 1px 1px #ffffff66,0 4px 9px #0002;backdrop-filter:blur(10px)}.screen .calc-grid button:nth-child(-n+3){background:linear-gradient(135deg,#e9f4ffb0,#d1e4f066);color:#111d29}.screen .calc-grid .operator{background:linear-gradient(140deg,#ffc164c9,#e78a1c99);border-color:#ffe3aaa6;color:white}.screen #timer-toggle,.screen #timer-reset{border:1px solid #fff9;box-shadow:inset 0 1px #fff9,0 4px 12px #1631450b}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.screen .icon-tile,.screen .home-widgets>button,.screen .dock,.screen .lock-message{background:#25445cdd!important}.screen .system-sheet{background:#122a43f5}.screen .app-view{background:#eff4f9}.screen[data-app=calculator] .app-view{background:#101822}}

/* Red Noir: neutral glass over the black/crimson wallpaper. */
.screen[data-wallpaper=red] .wallpaper{background:#090909 url('/wallpapers/red-noir.webp') center/cover no-repeat;filter:none}
.screen[data-wallpaper=red]{--liquid-fill:linear-gradient(var(--glass-angle,135deg),#ffffff30 0%,#ffffff08 42%,#ffffff12 65%,#ffffff25 100%);--liquid-edge:1px solid #ffffff66;--liquid-shadow:inset 0 1px 1px #ffffffbb,inset 1px 0 1px #ffffff36,inset 0 -1px 1px #ffffff66,0 7px 18px #00000022}
.screen[data-wallpaper=red] .dock{background:linear-gradient(140deg,#ffffff2e,#ffffff0d 50%,#ffffff30)}
.screen[data-wallpaper=red] .conversation-card{background:linear-gradient(130deg,#ffffff32,#ffffff12)!important}

/* Visitor-first company card; existing 3D hardware and Liquid Glass remain. */
.business-screen .business-home{padding:17px 21px 0;inset:55px 0 17px}.business-hero{width:100%;display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:18px 18px 15px;border-radius:27px!important;border:var(--liquid-edge)!important;background:var(--liquid-fill)!important;box-shadow:var(--liquid-shadow)!important;backdrop-filter:blur(13px) saturate(1.4);color:white!important}.company-kicker{font-size:8px;letter-spacing:1.7px;opacity:.8}.business-hero>strong{font-size:42px;font-weight:800;letter-spacing:-2px;line-height:1.35}.company-subline{font-size:11px;letter-spacing:-.2px}.company-location{display:flex;align-items:center;gap:5px;font-size:9px;margin-top:13px;opacity:.9}.company-location i{width:5px;height:5px;border-radius:50%;background:#bff29e}.home-section-label{font-size:10px;color:#e4eef7;letter-spacing:.1px;margin-top:23px}.business-home>.app-grid{margin-top:16px!important;gap:21px 12px!important}.business-home .app-icon{font-size:10px}.conversation-card{display:flex;align-items:center;gap:10px;padding:12px!important;border-radius:23px!important;background:linear-gradient(130deg,#c6edff32,#ffffff12)!important;border:1px solid #eff9ff66!important;box-shadow:var(--liquid-shadow);margin-top:auto;text-align:left;color:white!important;width:100%}.conversation-avatar{width:32px;height:32px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:#e0f4ff2b;border:1px solid #fff4;font-size:11px}.conversation-card>span:nth-child(2){display:flex;flex-direction:column;gap:5px;flex:1}.conversation-card b{font-size:11px;font-weight:600}.conversation-card small{font-size:9px;color:#d8e8f4}.business-screen .business-dock{margin-top:15px;margin-bottom:4px;padding:12px 7px;border-radius:29px}.business-screen .business-dock .app-icon>span:last-child{display:block!important;font-size:8px}.business-screen .business-dock .app-icon{gap:6px;min-width:54px;text-decoration:none}.business-screen .business-dock .icon-tile{width:47px;height:47px;border-radius:16px}.home-legal{padding:8px!important;font-size:8px;background:transparent!important;border:0!important;text-align:center;color:#e4edf6!important;margin-bottom:8px}.business-screen .app-view{padding:58px 19px 30px}.card-app-header{display:flex;align-items:center;justify-content:space-between}.card-app-header>span{width:33px;height:33px;border-radius:13px;background:#fff8;display:grid;place-items:center;color:#467691}.card-app-header svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.business-screen .app-view h2{font-size:29px;margin:13px 0 15px}.business-screen .card-content{padding:1px 2px 18px;scroll-behavior:auto}.card-content:focus-visible{outline:1px solid #007aff;outline-offset:-1px}.card-eyebrow{font-size:8px!important;letter-spacing:1.5px;color:#527589!important;font-weight:600;margin:7px 0 10px!important}.card-headline{font-size:25px!important;font-weight:650;line-height:1.14;letter-spacing:-.85px;margin:0 0 14px!important;text-wrap:balance;color:#182832}.card-intro{font-size:12px;line-height:1.65;color:#52616e;margin:0 0 20px}.service-list{background:#ffffff7a;border:1px solid #fff;border-radius:23px;padding:0 15px;box-shadow:0 5px 15px #142b4010}.service-item{display:flex;gap:11px;padding:15px 0;border-bottom:1px solid #273f5210}.service-item:last-child{border:0}.service-item>span{font-size:10px;color:#6091aa;line-height:1.7}.service-item h4{font-size:13px;margin:0 0 5px;letter-spacing:-.1px}.service-item p{font-size:11px;line-height:1.6;margin:0;color:#667682}.price-card{padding:17px;border:1px solid #ffffffa0;background:linear-gradient(135deg,#e0edeeaa,#f7ffff90);border-radius:22px;display:flex;flex-direction:column;gap:7px;margin:17px 0}.price-card>b{font-size:17px;font-weight:600;letter-spacing:-.4px}.price-card>span{font-size:10px;line-height:1.6;color:#627782}.business-screen .card-button{display:block;width:100%;padding:14px 15px;text-align:center;border-radius:23px;border:1px solid #ffffffaa;background:#ffffff88;color:#284e68;font-size:12px;font-weight:550;line-height:1.5;margin:10px 0;text-decoration:none;box-shadow:inset 0 1px #fff8,0 3px 9px #15304708}.business-screen .card-primary{background:linear-gradient(135deg,#153d58,#1e617c)!important;border:1px solid #a1d7e18a!important;color:#f5fcff!important;box-shadow:inset 0 1px #ffffff38,0 7px 16px #14425c22}.business-screen .card-link{display:flex;justify-content:space-between;align-items:center;border-radius:19px;background:#ffffff8c;border:1px solid #fff;padding:13px 14px;margin:9px 0;font-size:11px;color:#245973}.card-source{display:block;text-align:center;font-size:10px;margin:17px 0;color:#526b7c}.card-source>span{margin-left:8px}.project-card{border:1px solid #fff;border-radius:25px;overflow:hidden;background:#ffffff94;margin-bottom:18px;box-shadow:0 5px 15px #1831480c}.project-card>a{display:block;background:#d6e6ec}.project-card img{display:block;width:100%;height:154px;object-fit:cover;object-position:top;transition:opacity 150ms}.project-card>div{padding:16px}.project-card h3{font-size:18px;letter-spacing:-.5px;margin:0 0 9px}.project-card p:not(.card-eyebrow){font-size:11px;color:#607380;line-height:1.7;margin:0 0 12px}.about-wordmark{font-size:45px;letter-spacing:-2px;font-weight:800;padding:16px 0 20px;color:#193447}.value-chips{display:flex;gap:6px;margin:19px 0}.value-chips>span{font-size:9px;background:#fff9;padding:8px 10px;border:1px solid #fff;border-radius:20px}.person-card{display:flex;align-items:center;gap:13px;padding:15px;background:#fff9;border:1px solid #fff;border-radius:23px;margin-bottom:10px}.person-avatar{width:43px;height:43px;background:linear-gradient(135deg,#cfe7ed,#47738a);color:#fff;display:grid;place-items:center;border-radius:50%;font-size:13px;font-weight:500;flex-shrink:0}.person-avatar.secondary{background:linear-gradient(135deg,#a7bbc7,#405263)}.person-card>div{display:flex;flex-direction:column;gap:5px}.person-card b{font-size:12px}.person-card div>span{font-size:10px;color:#73818a}.process-list{padding:0 4px}.process-list>div{display:flex;gap:14px;padding:9px 0 22px;position:relative}.process-list>div:not(:last-child):before{content:'';position:absolute;left:16px;top:45px;bottom:-3px;width:1px;background:#c7d9e2}.process-list>div>b{flex-shrink:0;width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:#fff9;border:1px solid #fff;color:#33738f;font-size:12px}.process-list h3{font-size:14px;margin:6px 0 7px}.process-list p{font-size:11px;color:#637684;line-height:1.7;margin:0}.contact-identity{text-align:center;padding:4px 0 20px}.contact-avatar{width:75px;height:75px;display:grid;place-items:center;margin:0 auto 13px;border-radius:50%;background:linear-gradient(145deg,#a7d5e3,#31556d);border:2px solid #ffffffbd;color:white;font-size:27px;font-weight:300;box-shadow:0 7px 20px #163c5020}.contact-identity h3{font-size:21px;letter-spacing:-.5px;margin:0 0 5px}.contact-identity p{font-size:12px;color:#6f8490;margin:0}.contact-row{display:flex;align-items:center;gap:10px;padding:14px 12px;background:#ffffff91;border:1px solid #fff;border-radius:21px;margin:9px 0;color:#21455c}.contact-row svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.contact-row>span:nth-child(2){display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.contact-row small{font-size:8px;letter-spacing:1px;color:#638395}.contact-row b{font-size:11px;font-weight:550;overflow-wrap:anywhere}.contact-row>span:last-child{font-size:13px}.contact-location{text-align:center;font-size:10px;color:#658090;margin:18px 0}.business-screen select{width:100%;padding:14px 11px;color:#203a4b;background:#ffffffe0;border:1px solid #fff;border-radius:18px;font:12px inherit;min-height:44px;color-scheme:light}.business-screen .app-view textarea{resize:vertical;min-height:130px;font-size:13px;line-height:1.6;color:#263d4a}.business-screen .app-view input{color-scheme:light}.mail-ready{background:#dcf0e9aa;border:1px solid #fff;border-radius:23px;padding:16px;margin-top:15px}.mail-ready b{font-size:13px}.mail-ready p{font-size:11px;line-height:1.6;color:#4a7265}.qr-card{background:#fff;color:#142a3b;padding:13px 13px 18px;border-radius:26px;display:flex;align-items:center;flex-direction:column;gap:7px;box-shadow:0 5px 20px #153b4b10}.qr-card img{width:100%;height:auto;max-width:240px}.qr-card b{font-size:24px;letter-spacing:-1px}.qr-card>span{font-size:9px;color:#627b8a}.download-row{display:flex;justify-content:space-around;gap:10px;margin:20px 0}.download-row a{font-size:10px;color:#245c77;text-decoration:underline;text-underline-offset:3px}.business-screen #share-link{font-size:10px}.business-screen .legal-note{font-size:11px;line-height:1.7;color:#657986;margin-top:20px}.legal-note h3{font-size:14px;color:#283e4c}.card-lock-brand{font-size:25px;letter-spacing:2px;font-weight:750}.business-screen .card-lock .lock-time{font-size:72px}.business-screen .business-home .app-icon:focus-visible,.business-screen .home-legal:focus-visible{outline-color:#e8faff}.business-screen .business-view :focus-visible{outline-color:#287897}.business-screen .card-content .helper{line-height:1.7}
.topbar .brand{letter-spacing:-1.6px}.topbar .brand span{letter-spacing:1.4px}footer a{text-decoration:none;text-transform:none}.intro .specs{gap:28px}.intro .specs span{font-size:10px}.intro .description{font-size:17px}#hint{font-size:10px}.card-content img[loading=lazy]{background:#dbe6ec}
@media(max-width:800px){.topbar{height:54px}.topbar .brand span{font-size:7px;letter-spacing:.6px}.intro{display:none}.studio #stage{top:0;bottom:77px}.controls{bottom:25px}.controls>button{font-size:17px;padding:9px}.segmented button{padding:9px 14px}.finishes{top:35%;right:3%}.finishes .swatch{width:19px;height:19px}#hint{bottom:0;font-size:8px}footer{height:25px;font-size:6px;letter-spacing:.3px}.embed .studio #stage{bottom:77px}.embed .controls{bottom:25px}}
@media(max-height:650px){.topbar{height:45px}.studio #stage{top:0;bottom:70px}.controls{bottom:21px}footer{height:21px}.controls button{padding-top:8px;padding-bottom:8px}}
@media(prefers-reduced-motion:reduce){.project-card img{transition:none}}

/* The same complete graphite model on every screen. */
:root{--accent:#e4e5e7}
.primary{background:#e4e5e7;color:#191a1d}.primary:hover{background:#fff}
.mobile-model{top:var(--visible-top,0px);bottom:auto;height:100vh;height:var(--visible-height,100dvh);background:#101113}
.mobile-model .intro,.mobile-model footer,.mobile-model .object-label{display:none}
.mobile-model .topbar{height:calc(44px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) max(18px,env(safe-area-inset-right,0px)) 0 max(18px,env(safe-area-inset-left,0px));border:0}
.mobile-model .brand{font-size:22px}.mobile-model .brand span{display:none}
.mobile-model #embed{height:44px;min-width:70px;border:0;background:none;font-size:12px;padding:10px}
.mobile-model main{display:block;padding:0;flex:1;min-height:0;width:100%}
.mobile-model .studio{height:100%;width:100%}
.mobile-model .studio:before{inset:0;background:radial-gradient(ellipse,#45484c25,transparent 68%)}
.mobile-model .studio #stage{inset:0 max(8px,env(safe-area-inset-right,0px)) calc(82px + env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px));touch-action:none}
.mobile-model[data-mode=use] #stage{touch-action:pan-y pinch-zoom;cursor:default}
.mobile-model .controls{bottom:calc(24px + env(safe-area-inset-bottom,0px));gap:3px;width:max-content;max-width:100%;justify-content:center}
.mobile-model .segmented{border-radius:17px;padding:4px}
.mobile-model .segmented button{min-height:44px;padding:10px 13px;font-size:12px;border-radius:12px}
.mobile-model .controls>button{height:44px;min-width:44px;padding:9px;font-size:19px}
.mobile-model #reset{display:none}
.mobile-model #hint{bottom:calc(env(safe-area-inset-bottom,0px) + 2px);font-size:9px;line-height:14px;margin:0;letter-spacing:0;padding:0 12px}
.mobile-model .screen .homebar{touch-action:none}
.mobile-model .app-scroll{touch-action:pan-y pinch-zoom;-webkit-overflow-scrolling:touch}
.mobile-model .screen button,.mobile-model .screen a{-webkit-tap-highlight-color:transparent}
.mobile-model .screen textarea,.mobile-model .screen input,.mobile-model .screen select{font-size:16px!important;-webkit-user-select:text;user-select:text}
.mobile-model .screen:after{pointer-events:none}
.mobile-model .controls button:focus-visible{outline-offset:0}
.mobile-model.embed .topbar{display:none}
@media(max-width:350px){.mobile-model .segmented button{padding:10px}.mobile-model .controls{gap:1px}}
@media(orientation:landscape) and (max-height:550px){
 .mobile-model .topbar{display:none}
 .mobile-model .studio #stage{inset:max(6px,env(safe-area-inset-top,0px)) calc(160px + env(safe-area-inset-right,0px)) max(6px,env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px))}
 .mobile-model .controls{left:auto;right:calc(12px + env(safe-area-inset-right,0px));top:50%;bottom:auto;transform:translateY(-50%);width:136px;max-width:136px;flex-wrap:wrap;gap:10px}
 .mobile-model .segmented{width:100%;flex-direction:column;gap:3px}.mobile-model .segmented button{width:100%}
 .mobile-model #hint{left:auto;right:calc(10px + env(safe-area-inset-right,0px));bottom:calc(12px + env(safe-area-inset-bottom,0px));width:140px;padding:0 5px}
}
.css-layer{z-index:2}#stage>canvas{z-index:1}

/* Red Noir OS — one material language, individual app compositions. */
.business-screen{--page-ink:#f5f3f4;--page-muted:#bcb6bd;--page-red:#f47782;--page-line:#ffffff19;--page-panel:#ffffff09;--motion-ease:cubic-bezier(.2,.7,.2,1)}
/* One composited image. Start within the drift so motion is apparent on arrival. */
.business-screen .wallpaper{inset:-18px;transform:translate3d(0,0,0) scale(1.055);animation:wallpaper-drift 18s ease-in-out -6s infinite alternate;transform-origin:60% 65%;will-change:transform;pointer-events:none}
.business-screen .wallpaper:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 80% 75%,#e326362b,transparent 48%);opacity:.25;pointer-events:none}
@keyframes wallpaper-drift{from{transform:translate3d(-10px,9px,0) scale(1.055)}to{transform:translate3d(10px,-9px,0) scale(1.055)}}
.business-screen .motion-toggle{pointer-events:auto!important;display:flex;align-items:center;justify-content:center;gap:13px;padding:0;border:1px solid #ffffff12;color:#bfb8bf;cursor:pointer}
.business-screen .motion-toggle:after{display:none}.motion-toggle:before{content:'';position:absolute;inset:-9px -2px}
.motion-toggle svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.motion-toggle .play-mark{display:none;fill:currentColor;stroke:none}
.motion-dot{width:5px;height:5px;border-radius:50%;background:#f26c78;box-shadow:0 0 7px #f26c7866}
[data-motion=off] .motion-toggle .pause-mark{display:none}[data-motion=off] .motion-toggle .play-mark{display:block}[data-motion=off] .motion-dot{background:#777;box-shadow:none}
.business-screen .business-view{background:linear-gradient(160deg,#0d0e12f5,#111014ee 65%,#281116ed);color:var(--page-ink);backdrop-filter:none;-webkit-backdrop-filter:none;padding:54px 19px 30px}
.business-screen.in-app .statusbar,.business-screen.in-app .homebar{color:#f5f3f4}
.business-screen .card-app-header{min-height:32px;flex-shrink:0}.business-screen .app-back{color:#d9d2d8;min-height:32px;padding:6px 0;font-size:11px}
.business-screen .card-app-header>span{background:#ffffff09;border:1px solid var(--page-line);color:#f1949d;width:31px;height:31px;border-radius:11px}
.business-screen .business-view h2{font-size:28px;letter-spacing:-1px;font-weight:650;margin:9px 0 13px;color:var(--page-ink);flex-shrink:0}
.business-screen .card-content{scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;padding:0 2px 16px}
.business-screen .card-eyebrow{color:#e49aa1!important;font-size:8px!important;letter-spacing:1.4px;margin-top:16px!important}
.business-screen .card-headline{color:var(--page-ink);font-size:26px!important;line-height:1.13;font-weight:650;margin-bottom:13px!important}
.business-screen .card-intro{color:var(--page-muted);font-size:12px;line-height:1.7}
.business-screen .service-list{background:var(--page-panel);border:1px solid var(--page-line);box-shadow:none;padding:0 14px;border-radius:22px}
.business-screen .service-item{border-bottom:1px solid var(--page-line);padding:15px 0;animation:detail-in 360ms var(--motion-ease) both;animation-delay:calc(var(--item,0)*45ms)}
.business-screen .service-item>span{color:#e48b95;font-size:9px;font-variant-numeric:tabular-nums}
.business-screen .service-item h4{color:var(--page-ink);font-size:13px;font-weight:550}
.business-screen .service-item p{color:var(--page-muted);font-size:11px;line-height:1.65}
.business-screen .price-card{background:linear-gradient(135deg,#e663701a,#ffffff06);border-color:#f49aa22d;box-shadow:inset 0 1px #fff08}
.business-screen .price-card>b{color:var(--page-ink);font-size:17px}.business-screen .price-card>span{color:var(--page-muted);font-size:11px}
.business-screen .card-button{background:#ffffff0b;color:#e7e0e5;border:1px solid #ffffff20;font-weight:550;box-shadow:none;min-height:44px;border-radius:17px;padding:13px 12px}
.business-screen .card-primary{background:linear-gradient(135deg,#bb2536,#8e1e2d)!important;color:#fff!important;border:1px solid #ff9aa547!important;box-shadow:inset 0 1px #ffffff25,0 5px 18px #a20b2522}
.business-screen .card-button:active{transform:scale(.98)}.business-screen .card-link{background:#ffffff08;color:#e5dce3;border-color:var(--page-line);min-height:44px;border-radius:16px}
.business-screen .card-source{color:#bfb1bd;line-height:1.5;padding:10px 0}.business-screen .helper{color:#aaa1ad;font-size:11px;line-height:1.7}
.business-screen .business-view :focus-visible{outline:2px solid #fa98a4;outline-offset:2px}
/* Webdesign: editorial service list. Software: modular two-column blocks. */
.business-screen[data-app=software] .service-list{display:grid;grid-template-columns:1fr 1fr;gap:9px;background:none;border:0;padding:0}
.business-screen[data-app=software] .service-item{display:block;padding:13px 11px;background:var(--page-panel);border:1px solid var(--page-line);border-radius:17px}
.business-screen[data-app=software] .service-item>span{display:block;margin-bottom:13px}.business-screen[data-app=software] .service-item h4{font-size:12px;line-height:1.4}.business-screen[data-app=software] .service-item p{font-size:10px}
.business-screen[data-app=marketing] .service-item>span{border:1px solid #f998a433;width:25px;height:25px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:#ef72800a}
.business-screen[data-app=it] .service-list{background:none;border:0;padding:0}.business-screen[data-app=it] .service-item{border:1px solid var(--page-line);border-radius:16px;background:#ffffff06;padding:14px 12px;margin:8px 0}
/* Portfolio, people and journey. */
.business-screen .project-card{background:#ffffff08;border:1px solid #ffffff20;border-radius:22px;box-shadow:0 7px 20px #0002;animation:portfolio-in 420ms var(--motion-ease) both;animation-delay:calc(var(--item,0)*60ms)}
.business-screen .project-card>a{background:#27232a;padding:8px 8px 0}.business-screen .project-card img{height:158px;border-radius:14px 14px 0 0;object-fit:cover}
.business-screen .project-card>div{padding:15px}.business-screen .project-card h3{color:var(--page-ink);font-size:19px}.business-screen .project-card p:not(.card-eyebrow){color:var(--page-muted);font-size:11px}
.business-screen .about-wordmark{color:#f8f2f5;font-size:42px;padding:7px 0 18px}.business-screen .value-chips{gap:6px}.business-screen .value-chips>span{color:#e8c8cd;background:#a83e5015;border:1px solid #efa2ad26;padding:9px 11px}
.business-screen .person-card{background:#ffffff08;border-color:var(--page-line);border-radius:20px;animation:people-in 360ms var(--motion-ease) both;animation-delay:calc(var(--item,0)*70ms)}
.business-screen .person-avatar,.business-screen .person-avatar.secondary{background:linear-gradient(140deg,#68414b,#242027);border:1px solid #f1c3ce33}.business-screen .person-card div>span{color:var(--page-muted)}
.business-screen .process-list>div{animation:journey-in 350ms var(--motion-ease) both;animation-delay:calc(var(--item,0)*65ms)}
.business-screen .process-list>div>b{background:#321b24;border:1px solid #e48c9a55;color:#f7c9d0}.business-screen .process-list>div:before{background:linear-gradient(#e17e90aa,#e17e901a)}
.business-screen .process-list h3{font-size:14px;color:var(--page-ink)}.business-screen .process-list p{color:var(--page-muted)}
/* Contact, scheduling, sharing and legal. */
.business-screen .contact-identity{padding:22px 0}.business-screen .contact-avatar{position:relative;background:linear-gradient(145deg,#923447,#241d29);border:1px solid #f1a3b54d;color:#fff;box-shadow:0 8px 30px #9c153c22}
.contact-orbit:before,.contact-orbit:after{content:'';position:absolute;inset:-8px;border:1px solid #ef8b9b3d;border-radius:50%;animation:contact-arrive 650ms var(--motion-ease) both}.contact-orbit:after{inset:-16px;border-color:#ef8b9b18;animation-delay:90ms}
.business-screen .contact-identity h3{color:var(--page-ink)}.business-screen .contact-identity p,.business-screen .contact-location{color:var(--page-muted)}
.business-screen .contact-row{background:#ffffff08;border:1px solid var(--page-line);color:#eee3e9;border-radius:18px;animation:contact-in 320ms var(--motion-ease) both;animation-delay:calc(var(--item,0)*55ms)}
.business-screen .contact-row svg,.business-screen .contact-row small{color:#e99ca8}
.business-screen .business-view label{font-size:11px;color:#d7cbd5;margin:16px 0 8px}
.business-screen .business-view input,.business-screen .business-view textarea,.business-screen .business-view select{background:#201d24;border:1px solid #ffffff24;border-radius:15px;color:#f5eaf1;color-scheme:dark;caret-color:#ffa1af}
.business-screen .business-view textarea::placeholder{color:#a49ba7}.business-screen .business-view textarea{resize:none;min-height:125px}
.business-screen .business-view input:focus,.business-screen .business-view textarea:focus,.business-screen .business-view select:focus{border-color:#e28d9b;background:#29212b}
.business-screen .mail-ready{background:#44212e;border-color:#ed98b244;animation:contact-in 300ms var(--motion-ease)}.business-screen .mail-ready p{color:#ebcbd6}
.business-screen .qr-card{position:relative;margin:8px 5px 24px;padding:16px 16px 20px;background:#fff;color:#201823;border-radius:22px;box-shadow:0 10px 34px #0003;animation:qr-arrive 420ms var(--motion-ease) both}
.business-screen .qr-card>span:not(.qr-corner){color:#625569}.business-screen .qr-card img{display:block;max-width:214px}.business-screen .qr-card b{color:#211724}
.qr-corner{position:absolute;width:21px;height:21px;border-color:#f08b9c;border-style:solid;pointer-events:none;animation:qr-bracket 900ms var(--motion-ease) both}.corner-one{left:-6px;top:-6px;border-width:2px 0 0 2px;border-radius:8px 0 0 0}.corner-two{right:-6px;bottom:-6px;border-width:0 2px 2px 0;border-radius:0 0 8px 0}
.business-screen .download-row a{color:#e6b8c3;min-height:36px;line-height:1.5}.business-screen .settings-row{background:#ffffff08;border:1px solid var(--page-line);color:#d6ced9;line-height:1.8;padding:16px;border-radius:20px}
.business-screen .settings-row b{color:var(--page-ink)}.business-screen .legal-note{color:var(--page-muted);font-size:11px}.business-screen .legal-note h3{color:#eee0e9}.business-screen .legal-note p{padding-bottom:10px;border-bottom:1px solid #ffffff0c}
.business-screen .card-lock .lock-message{background:#241b2399;border-color:#efa5b133}.business-screen .card-lock .unlock{background:#f2e8ee;color:#291e27}
/* Each route has a compact, distinct animated illustration. No invented metrics. */
.route-scene{margin:0 0 18px;border:1px solid #ffffff15;border-radius:21px;background:radial-gradient(ellipse at 80% 15%,#ac29412b,transparent 65%),#ffffff04;overflow:hidden}
.scene-art{position:relative;height:96px;isolation:isolate}.route-scene figcaption{font-size:9px;color:#c7b8c5;line-height:1.5;padding:0 12px 12px;text-align:center;letter-spacing:.1px}.scene-art>svg:not(.shield-mini):not(.legal-shield){position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#c57586;stroke-width:1.5}
.mini-browser{position:absolute;left:31px;top:15px;width:160px;height:72px;border:1px solid #b9a0b055;background:#27212b;border-radius:9px;transform:rotate(-4deg);animation:browser-in 650ms var(--motion-ease) both;padding:5px 7px}.mini-browser>i{display:inline-block;width:3px;height:3px;border-radius:50%;background:#c29eac;margin-right:2px;vertical-align:top}.mini-site{position:relative;height:49px;padding:7px;background:#18151d;border-radius:4px;top:-4px}.mini-site b{display:block;width:55px;height:5px;background:#e8d9e4;border-radius:2px;margin-bottom:6px}.mini-site span{display:block;width:43px;height:3px;background:#756573;margin-bottom:4px;border-radius:2px}.mini-site em{position:absolute;right:7px;top:6px;width:40px;height:34px;border-radius:5px;background:linear-gradient(135deg,#dc586e,#551b31);animation:site-build 700ms var(--motion-ease) both}
.mini-phone{position:absolute;right:32px;bottom:5px;width:33px;height:60px;background:#201923;border:1px solid #d9bac977;border-radius:8px;transform:rotate(7deg);animation:phone-in 700ms var(--motion-ease) both}.mini-phone i{display:block;width:12px;height:3px;margin:5px auto;background:#786575;border-radius:3px}.mini-phone b{display:block;margin:8px 4px;height:33px;border-radius:4px;background:linear-gradient(145deg,#d84e68,#37162b)}
.module{position:absolute;font-size:8px;padding:7px 9px;border:1px solid #bba6bb33;border-radius:8px;background:#28222d;animation:module-in 550ms var(--motion-ease) both}.module-a{left:12px;top:33px}.module-b{right:19px;top:33px;animation-delay:70ms}.module-c{left:104px;top:5px;animation-delay:110ms}.module-d{left:110px;bottom:5px;animation-delay:150ms}.module-core{position:absolute;left:calc(50% - 16px);top:31px;width:32px;height:32px;display:grid;place-items:center;border-radius:11px;background:#a22d48;box-shadow:0 0 24px #e8557533;font-size:16px}.connection{stroke-dasharray:240;animation:path-draw 800ms var(--motion-ease) both}
.signal-brand{position:absolute;left:calc(50% - 20px);top:29px;width:40px;height:40px;border-radius:50%;background:#9f3047;display:grid;place-items:center;font-size:23px}.signal-orbit{position:absolute;left:calc(50% - 35px);top:14px;width:70px;height:70px;border:1px solid #e999ab44;border-radius:50%;animation:signal-in 800ms var(--motion-ease) both}.orbit-two{inset:5px auto auto calc(50% - 44px);width:88px;height:88px;animation-delay:90ms;border-color:#e999ab20}.channel{position:absolute;background:#2a222d;border:1px solid #c9a2b333;padding:5px 10px;border-radius:15px;font-size:8px;animation:channel-in 650ms var(--motion-ease) both}.channel-a{left:23px;top:13px}.channel-b{right:26px;top:32px;animation-delay:70ms}.channel-c{left:48px;bottom:10px;animation-delay:140ms}
.server-stack{position:absolute;left:43px;top:14px;width:107px}.server-stack>i{display:flex;align-items:center;gap:10px;height:21px;margin:4px 0;border:1px solid #bda6b333;border-radius:5px;background:#252029;padding:5px 9px;animation:server-in 600ms var(--motion-ease) both}.server-stack>i:nth-child(2){animation-delay:70ms}.server-stack>i:nth-child(3){animation-delay:140ms}.server-stack b{width:4px;height:4px;border-radius:50%;background:#f38a9d;box-shadow:0 0 7px #ec678688}.server-stack span{width:55px;height:3px;background:#76636f;border-radius:2px}.shield-mini{position:absolute;right:40px;top:28px;width:39px;height:45px;fill:#522538;stroke:#e5a4b7;stroke-width:1.4}.draw-check{fill:none;stroke-dasharray:70;animation:path-draw 850ms var(--motion-ease) both}
.portfolio-sheet{position:absolute;width:135px;height:67px;left:calc(50% - 68px);top:18px;border-radius:9px;border:1px solid #d3a8bc33;background:#382634}.sheet-back{transform:rotate(-9deg) translateX(-15px);animation:portfolio-back 650ms var(--motion-ease) both}.sheet-mid{transform:rotate(7deg) translateX(13px);background:#623044;animation:portfolio-mid 650ms var(--motion-ease) both}.sheet-front{background:linear-gradient(130deg,#2c2331,#17141c);display:flex;justify-content:space-between;padding:15px;align-items:center;animation:portfolio-in 550ms var(--motion-ease) both}.sheet-front span{font-size:10px;line-height:1.5;color:#c6afc1}.sheet-front b{color:#f2e2ed}.sheet-front i{font-style:normal;color:#f490a4;font-size:17px}
.people-halo{position:absolute;left:calc(50% - 66px);top:4px;width:132px;height:72px;border:1px solid #e1a4be22;border-radius:50%;animation:signal-in 750ms var(--motion-ease) both}.people-badge{position:absolute;top:17px;width:49px;height:49px;display:grid;place-items:center;border-radius:50%;font-size:15px;border:1px solid #eab9d155;animation:people-in 550ms var(--motion-ease) both}.badge-ck{left:calc(50% - 44px);background:linear-gradient(140deg,#933b56,#342135)}.badge-js{left:calc(50% - 3px);background:linear-gradient(140deg,#624354,#29212d);animation-delay:100ms}.people-location{position:absolute;bottom:10px;left:0;right:0;text-align:center;font-size:8px;color:#d7b8cc}
.journey-path{stroke-dasharray:300;animation:path-draw 950ms var(--motion-ease) both}.journey-node{position:absolute;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#382130;border:1px solid #ecb1c766;color:#f4d5e5;font-size:9px;animation:node-in 600ms var(--motion-ease) both}.node-1{left:4%;top:56px}.node-2{left:32%;top:16px;animation-delay:100ms}.node-3{left:61%;top:56px;animation-delay:200ms}.node-4{right:4%;top:16px;animation-delay:300ms}
.calendar-mini{position:absolute;left:35px;top:13px;width:75px;height:74px;border:1px solid #d19ab544;border-radius:11px;background:#231b27;overflow:hidden;animation:calendar-in 600ms var(--motion-ease) both}.calendar-mini>span{display:block;background:#813149;text-align:center;font-size:6px;letter-spacing:.5px;padding:6px 0}.calendar-mini>b{display:block;text-align:center;font-size:31px;font-weight:500;line-height:1.5}.calendar-mini small{font-size:9px;margin-left:2px;color:#cba7bc}.meeting-bubble{position:absolute;right:25px;top:27px;font-size:10px;line-height:1.6;background:#ffffff09;border:1px solid #ffffff19;border-radius:14px 14px 14px 3px;padding:10px 13px;color:#c8b4c4;animation:bubble-in 650ms var(--motion-ease) both}.meeting-bubble b{color:#f4dfea}
.legal-shield{position:absolute;left:43px;top:12px;height:75px;width:70px;fill:#49273b;stroke:#dca3bf;stroke-width:1.4;animation:shield-in 650ms var(--motion-ease) both}.legal-lines{position:absolute;right:42px;top:32px;width:81px}.legal-lines i{display:block;height:4px;background:#705566;margin-bottom:9px;border-radius:3px;animation:site-build 650ms var(--motion-ease) both}.legal-lines i:nth-child(2){width:70%;animation-delay:70ms}.legal-lines i:nth-child(3){width:85%;animation-delay:140ms}
@keyframes detail-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@keyframes portfolio-in{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}
@keyframes people-in{from{opacity:0;transform:translateX(-9px)}to{opacity:1;transform:none}}
@keyframes journey-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@keyframes contact-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes contact-arrive{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}
@keyframes qr-arrive{from{opacity:0;transform:scale(.93)}to{opacity:1;transform:scale(1)}}
@keyframes qr-bracket{from{opacity:0;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}
@keyframes browser-in{from{opacity:0;transform:translateY(9px) rotate(0)}to{opacity:1;transform:rotate(-4deg)}}
@keyframes phone-in{from{opacity:0;transform:translateX(14px) rotate(0)}to{opacity:1;transform:rotate(7deg)}}
@keyframes site-build{from{opacity:0;transform:scaleX(.2);transform-origin:left}to{opacity:1;transform:scaleX(1);transform-origin:left}}
@keyframes module-in{from{opacity:0;transform:scale(.75)}to{opacity:1;transform:scale(1)}}
@keyframes path-draw{from{stroke-dashoffset:300}to{stroke-dashoffset:0}}
@keyframes signal-in{from{opacity:0;transform:scale(.65)}to{opacity:1;transform:scale(1)}}
@keyframes channel-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@keyframes server-in{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:none}}
@keyframes portfolio-back{from{opacity:0;transform:none}to{opacity:1;transform:rotate(-9deg) translateX(-15px)}}
@keyframes portfolio-mid{from{opacity:0;transform:none}to{opacity:1;transform:rotate(7deg) translateX(13px)}}
@keyframes node-in{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}
@keyframes calendar-in{from{opacity:0;transform:rotate(-8deg) translateY(8px)}to{opacity:1;transform:none}}
@keyframes bubble-in{from{opacity:0;transform:scale(.85);transform-origin:bottom left}to{opacity:1;transform:scale(1);transform-origin:bottom left}}
@keyframes shield-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
/* Pause the wallpaper in place; removing its animation would restart the drift. */
.business-screen[data-motion=off] :not(.wallpaper),.business-screen[data-motion=off] *:before,.business-screen[data-motion=off] *:after{animation:none!important}
.business-screen[data-visible=false] *,.business-screen[data-visible=false] *:before,.business-screen[data-visible=false] *:after,body[data-mode=rotate] .business-screen .wallpaper,body[data-mode=rotate] .business-screen .wallpaper:after{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.business-screen *,.business-screen *:before,.business-screen *:after{animation:none!important;transition:none!important}}
.business-screen .motion-toggle:active{transform:translateX(-50%) scale(.96)}
.business-screen .motion-toggle:disabled{cursor:default;opacity:.65}
.business-screen .business-home>.app-grid .app-icon{animation:launcher-in 320ms var(--motion-ease) both;animation-delay:calc(var(--item,0)*24ms)}
.business-screen .card-lock-brand{animation:lock-in 500ms var(--motion-ease) both}
.business-screen #share-status:empty,.business-screen #meeting-result:empty{display:none}
.business-screen .draw-check{animation-name:check-draw}.business-screen .connection{stroke-dasharray:300}
@keyframes launcher-in{from{opacity:0;transform:translateY(8px) scale(.93)}to{opacity:1;transform:none}}
@keyframes lock-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@keyframes check-draw{from{stroke-dashoffset:70}to{stroke-dashoffset:0}}

.business-screen .card-content{overflow-x:hidden}
/* Keep gesture and covered-screen work independent of the stored preference. */
.business-screen[data-gesturing=true] .wallpaper,.business-screen.in-app .wallpaper,.business-screen.panel-open .wallpaper,.business-screen[data-motion=off] .wallpaper{animation-play-state:paused!important}
.business-screen[data-motion=off] .wallpaper,.business-screen[data-visible=false] .wallpaper{will-change:auto}

/* Zoning OS: Red Noir material, spatial pages, functional controls. */
.business-screen{--os-glass:linear-gradient(140deg,#ffffff20,#ffffff09);--os-stroke:#ffffff25;--os-ease:cubic-bezier(.22,.8,.25,1)}
.business-screen .os-home{inset:52px 0 23px;padding:0 17px;gap:0;animation:none;overflow:hidden}
.os-pager{flex:1;min-height:0;overflow:hidden;touch-action:pan-y pinch-zoom;margin:0 -17px}
.os-pages{height:100%;display:flex;transition:transform 280ms var(--os-ease);will-change:transform}.os-pages.no-transition{transition:none}
.os-page{flex:0 0 100%;min-width:0;padding:10px 21px 0;display:flex;flex-direction:column;gap:0;overflow:hidden}
.os-day{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#d6cdd1;line-height:16px;margin-bottom:13px}.os-day>span:last-child{font-size:8px;letter-spacing:1px;opacity:.55}
.business-screen .os-brand-widget{display:flex;flex-direction:column;text-align:left;flex-shrink:0;border-radius:27px;padding:19px 19px 16px;height:156px;background:linear-gradient(140deg,#252329e6,#131215be);border:1px solid #ffffff32;box-shadow:inset 0 1px #ffffff35,0 8px 30px #0002;color:#fff}
.os-kicker{font-size:8px;letter-spacing:1.6px;color:#ccc5ca;font-weight:550}.os-brand-widget>strong{font-size:44px;line-height:1.2;letter-spacing:-2.3px;margin:7px 0 8px;display:flex;align-items:start}.os-brand-widget>strong>span{font-size:10px;line-height:2.5;letter-spacing:0;margin-left:4px;font-weight:400}.os-brand-widget>span:not(.os-kicker){font-size:14px;line-height:1.35;letter-spacing:-.25px}.os-brand-widget>i{font-style:normal;font-size:8px;color:#bcb4bb;margin-top:auto}
.os-section-line{display:flex;justify-content:space-between;gap:5px;margin:16px 0 12px;font-size:9px;color:#d5ccd2}.os-section-line>span:last-child{font-size:7px;opacity:.55}
.business-screen .os-page>.app-grid{margin:0;gap:16px 9px}.business-screen .os-icon{font-size:9px;gap:7px;min-width:0;color:#fff;text-shadow:0 1px 4px #0008;line-height:1.25;position:relative}.os-icon>span:last-child{white-space:nowrap}
.business-screen .os-icon .icon-tile{width:51px;height:51px;border-radius:17px;background:linear-gradient(145deg,#faf5f52b,#b9a6b00a);border:1px solid #fff5;box-shadow:inset 0 1px 1px #fff9,inset 0 -1px #fff1,0 4px 10px #0004;color:#f5f2f5;backdrop-filter:blur(12px)}
.business-screen .os-icon .icon-tile svg{height:27px;width:27px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}
.business-screen .os-icon.app-whatsapp .icon-tile,.business-screen .os-icon.app-call .icon-tile{background:linear-gradient(145deg,#40cc7c,#168245);border-color:#98edbd80;color:white}
.business-screen .os-icon.app-mail .icon-tile{background:linear-gradient(145deg,#57a5e0,#2662a0);border-color:#b1d4ff70}
.business-screen .os-icon.app-contact .icon-tile{background:linear-gradient(145deg,#b5a392,#716258);border-color:#e3d0c170}
.business-screen .os-icon.app-studio .icon-tile{background:linear-gradient(145deg,#ec8c94,#a22740);border-color:#ffb1bf88}
.business-screen .os-icon.app-cortina .icon-tile{background:linear-gradient(145deg,#d9c6a3,#917758)}.business-screen .os-icon.app-cristina .icon-tile{background:linear-gradient(145deg,#679b8c,#2b5148)}.business-screen .os-icon.app-bergmann .icon-tile{background:linear-gradient(145deg,#8997ae,#46566c)}
.business-screen .os-bottom-widget{margin-top:auto;margin-bottom:2px;min-height:57px;display:flex;align-items:center;gap:10px;width:100%;padding:11px 12px;background:linear-gradient(130deg,#ffffff18,#ffffff08);border:1px solid #fff3;border-radius:21px;text-align:left;box-shadow:inset 0 1px #fff2;color:#fff}.os-bottom-widget>span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:4px}.os-bottom-widget b{font-size:11px;font-weight:550}.os-bottom-widget small{font-size:9px;color:#cbc1c8}.os-bottom-widget>span:last-child{font-size:13px;color:#d4bdc7}
.studio-orb,.saved-mini{display:grid;place-items:center;width:33px;height:33px;border-radius:12px;background:#f8759322;color:#ffb6c5}.studio-orb svg,.saved-mini svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.5}
.business-screen .os-project-widget{position:relative;height:156px;padding:0;border-radius:25px;overflow:hidden;border:1px solid #ffffff50;flex-shrink:0;text-align:left;background:#252229}.os-project-widget>img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.os-project-widget>span{position:absolute;inset:auto 0 0;padding:28px 15px 14px;background:linear-gradient(transparent,#141015f5);display:flex;flex-direction:column;color:#fff;gap:5px}.os-project-widget small{font-size:7px;letter-spacing:1.6px}.os-project-widget b{font-size:20px;font-weight:600;letter-spacing:-.5px;display:flex;justify-content:space-between}.os-project-widget i{font-size:16px;font-style:normal}
.business-screen .os-idea-widget{height:156px;flex-shrink:0;border-radius:26px;text-align:left;display:flex;flex-direction:column;padding:19px;border:1px solid #e9d6b24a;background:linear-gradient(130deg,#e7d4b61b,#45352d38);color:#faeee0;gap:12px}.os-idea-widget>strong{font-size:23px;letter-spacing:-.75px;line-height:1.15;font-weight:550}.os-idea-widget>span:last-child{display:flex;align-items:center;gap:7px;font-size:9px;margin-top:auto}.os-idea-widget svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.6}
.os-navigation{display:flex;align-items:center;justify-content:center;flex-shrink:0;height:34px;gap:10px;margin-top:4px}.os-navigation>button{width:34px;height:32px;border:0;background:transparent;padding:0;font-size:20px;color:#ddd}.os-navigation>button:disabled{opacity:.18;cursor:default}.os-dots{display:flex;gap:0}.os-dots button{width:28px;height:32px;padding:0;border:0;background:none;display:grid;place-items:center}.os-dots i{width:5px;height:5px;border-radius:50%;background:#ffffff60;transition:width 180ms,background 180ms}.os-dots [aria-pressed=true] i{width:16px;background:#fff}
.os-home-tools{display:flex;justify-content:center;gap:6px;height:32px;margin:0 0 8px;flex-shrink:0}.os-home-tools>button{border:1px solid #ffffff18;background:#1c171bc0;color:#e4dce2;border-radius:20px;display:flex;align-items:center;gap:5px;padding:5px 11px;font-size:9px;min-height:30px;backdrop-filter:blur(12px)}.os-home-tools svg{width:13px;height:13px;stroke:currentColor;stroke-width:1.7;fill:none}
.business-screen .os-dock{height:88px;margin:0;padding:12px 5px 8px;border-radius:28px;background:linear-gradient(145deg,#ffffff28,#ffffff14);border:1px solid #fff4;box-shadow:inset 0 1px #fff5;flex-shrink:0}.business-screen .os-dock .icon-tile{width:46px;height:46px;border-radius:15px}.business-screen .os-dock .app-icon{gap:5px;min-width:55px}.business-screen .os-dock .app-icon>span:last-child{font-size:8px}
.os-status-button{position:absolute;top:7px;right:12px;width:92px;height:41px;z-index:7;background:transparent!important;border:0;padding:0;border-radius:16px;touch-action:none!important}.os-status-button:after{content:'';position:absolute;bottom:3px;right:22px;width:23px;height:2px;background:#ffffff55;border-radius:2px}.os-status-button:hover{box-shadow:inset 0 0 0 1px #ffffff30}
.business-screen .homebar{height:28px;bottom:0;touch-action:none!important}.business-screen .homebar:after{top:12px}.display-dimmer{position:absolute;inset:0;background:#000;z-index:40;pointer-events:none;opacity:0;transition:opacity 100ms}
.business-screen[data-oswall=tide] .wallpaper{background:url('/wallpapers/liquid-tide.webp') center/cover!important;filter:none}.business-screen[data-oswall=graphite] .wallpaper{background:radial-gradient(ellipse at 90% 70%,#4d4c53,#161619 65%)!important;filter:none}.business-screen[data-oswall=graphite] .wallpaper:after,.business-screen[data-oswall=tide] .wallpaper:after{display:none}
.business-screen[data-contrast=true] .os-brand-widget,.business-screen[data-contrast=true] .os-bottom-widget,.business-screen[data-contrast=true] .os-dock,.business-screen[data-contrast=true] .icon-tile{background:#18181c!important;border-color:#a8a0aa!important}.business-screen[data-contrast=true] .business-view{--page-muted:#ece7eb;--page-line:#ffffff60;--page-panel:#28262d;background:#0d0d10}.business-screen[data-contrast=true] .os-panel{background:#131216}
.os-panel[hidden]{display:none!important}.os-panel{position:absolute;inset:48px 0 27px;z-index:20;padding:21px 19px 14px;border:1px solid #ffffff28;border-radius:29px;background:#211d24f5;backdrop-filter:blur(35px);-webkit-backdrop-filter:blur(35px);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 35px #0009;animation:panel-enter 250ms var(--os-ease);color:#f7f2f6}
@keyframes panel-enter{from{transform:translateY(-35px);opacity:0}to{transform:translateY(0);opacity:1}}
.panel-heading{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;touch-action:none;padding-bottom:15px}.panel-heading h2{font-size:25px;letter-spacing:-.9px;font-weight:600;margin:7px 0 0}.panel-close{width:36px;height:36px;padding:8px;border:1px solid #ffffff24;border-radius:50%;background:#ffffff0d}.panel-close svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.7;fill:none}.panel-scroll{overflow:auto;min-height:0;flex:1;overscroll-behavior:contain;touch-action:pan-y pinch-zoom;scrollbar-width:thin;scrollbar-color:#ffffff30 transparent;padding:0 1px 8px}.panel-caption{font-size:11px;color:#c0b4c1;margin:0 0 17px;line-height:1.6}.panel-grip{height:3px;width:45px;margin:9px auto 0;background:#ffffff55;border-radius:3px;flex-shrink:0}.panel-open #os-content{filter:blur(5px)}
.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.control-tile{height:105px;display:flex;flex-direction:column;gap:7px;align-items:flex-start;padding:13px;border-radius:22px;background:#ffffff0d;border:1px solid #fff2}.control-tile svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.6;margin-bottom:3px}.control-tile b{font-size:11px;font-weight:600}.control-tile small{font-size:9px;color:#b5aab9}.control-tile[aria-pressed=true]{background:#f3eaf3;color:#302631;border-color:#fff9}.control-tile[aria-pressed=true] small{color:#6b5e70}.control-tile:disabled{opacity:.65;cursor:default}
.os-brightness{padding:16px;background:#ffffff0a;border:1px solid #fff2;border-radius:23px;margin:13px 0 18px}.os-brightness label{display:flex;align-items:center;gap:6px;font-size:10px;margin-bottom:7px}.os-brightness svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.7}.os-brightness output{margin-left:auto;color:#b5a9ba;font-size:10px;font-variant-numeric:tabular-nums}.os-brightness input{width:100%;height:35px;accent-color:#f6d9e5;touch-action:pan-x}.os-brightness small{font-size:8px;color:#b9adbf}.control-label{font-size:10px;font-weight:550;color:#d7cbd8;margin:16px 0 10px}.os-wallpapers{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.os-wallpapers button{padding:5px 5px 8px;border-radius:17px;background:#ffffff08;border:1px solid #fff2;font-size:8px;color:#ddd1e0}.os-wallpapers [aria-pressed=true]{border-color:#f5c9d8;box-shadow:0 0 0 1px #f5c9d8}.wall-thumb{display:block;height:89px;border-radius:12px;margin-bottom:8px;background:#25232a}.thumb-red{background:url('/wallpapers/red-noir.webp') center/cover}.thumb-tide{background:url('/wallpapers/liquid-tide.webp') center/cover}.thumb-graphite{background:radial-gradient(ellipse at 90% 70%,#4d4c53,#161619 65%)}.control-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:17px}.control-shortcuts button{padding:12px 8px;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:16px;font-size:10px;background:#ffffff0c}.control-shortcuts svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.6}.os-reset{display:block;width:100%;padding:14px 0;margin-top:7px;font-size:9px;color:#bcb0c2;border:0;background:transparent}
.os-searchbox{display:flex;align-items:center;gap:8px;border:1px solid #ffffff24;border-radius:16px;padding:0 11px;background:#ffffff0b;margin-bottom:15px}.os-searchbox svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.7;fill:none;flex-shrink:0}.os-searchbox input{width:100%;min-width:0;padding:13px 0;border:0;background:none;color:#fff;outline-offset:0;font-size:13px}.os-result{width:100%;display:flex;align-items:center;gap:11px;border:0;border-bottom:1px solid #ffffff13;border-radius:0;background:transparent;padding:11px 0;text-align:left}.os-result .result-symbol{width:37px;height:37px;display:grid;place-items:center;border-radius:12px;background:#ffffff12;border:1px solid #fff2;flex-shrink:0}.result-symbol svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.5;fill:none}.os-result>span:nth-child(2){flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.os-result b{font-size:11px;font-weight:550}.os-result small{font-size:9px;color:#c0b4c5;line-height:1.4}.os-result>span:last-child{color:#ac9fb3;font-size:19px}.os-empty{text-align:center;padding:24px 10px;color:#c3b6c8}.os-empty>svg{width:37px;height:37px;stroke:currentColor;stroke-width:1.3;fill:none;opacity:.8}.os-empty h3{font-size:17px;color:#f5eff5;letter-spacing:-.4px;margin:17px 0 10px}.os-empty p{font-size:11px;line-height:1.7}.os-panel .card-button{color:#eee;background:#fff1}
.os-toast{position:absolute;left:20px;right:20px;bottom:39px;z-index:35;border:1px solid #fff4;border-radius:19px;background:#f3edf5;color:#28222d;box-shadow:0 8px 30px #0005;padding:13px;font-size:11px;line-height:1.5;text-align:center;opacity:0;transform:translateY(7px);pointer-events:none;transition:opacity 160ms,transform 160ms}.os-toast.show{opacity:1;transform:translateY(0)}
.project-detail-image{border-radius:20px;overflow:hidden;border:1px solid #fff2}.project-detail-image img{display:block;width:100%;height:175px;object-fit:cover;object-position:top}.project-facts{display:flex;flex-direction:column;gap:8px;border-block:1px solid #fff2;padding:16px 0;margin:18px 0}.project-facts span{font-size:9px;color:#c5b6c5}.project-facts b{font-size:12px;font-weight:550}.saved-card{overflow:hidden;border:1px solid #fff2;border-radius:22px;margin-bottom:15px;background:#fff05}.saved-card>button:first-child{display:block;width:100%;padding:0;background:none;border:0;border-radius:0;text-align:left}.saved-card img{height:120px;width:100%;display:block;object-fit:cover;object-position:top}.saved-card button>span{padding:13px;display:flex;flex-direction:column;gap:7px;color:#fff}.saved-card b{font-size:14px}.saved-card small{font-size:10px;color:#c4b6c7}.saved-card>button:last-child{margin:0 13px 13px;background:#fff1;color:#d6c4d5;border-color:#fff2;padding:9px 13px;font-size:10px}
.business-screen .idea-note{height:230px;resize:vertical;min-height:150px;color:#efe3d6!important;background:repeating-linear-gradient(#241f21 0 29px,#c5a88820 29px 30px)!important;line-height:30px!important;border:1px solid #e5cbaa33!important;border-radius:17px!important;padding:14px!important}
.gesture-guide>div{display:flex;gap:13px;margin:0 0 22px}.gesture-guide>div>span{width:36px;height:36px;border:1px solid #fff2;background:#fff08;border-radius:13px;font-size:23px;display:grid;place-items:center;flex-shrink:0;color:#eea3b2}.gesture-guide h3{font-size:13px;font-weight:550;margin:2px 0 7px;color:#f0e6f1}.gesture-guide p{font-size:11px;color:#c2b4c5;line-height:1.65;margin:0}
.studio-preview{--studio-accent:#f47782;border:1px solid #ffffff25;border-radius:20px;overflow:hidden;background:#18171c;transition:background 180ms;margin:0 0 17px;isolation:isolate}.preview-browser{height:24px;display:flex;align-items:center;gap:3px;padding:0 10px;border-bottom:1px solid #ffffff17;background:#ffffff05}.preview-browser>i{width:3px;height:3px;border-radius:50%;background:#fff5}.preview-browser>span{font-size:7px;margin-left:auto;color:#aaa2ac}.preview-body{position:relative;min-height:220px;padding:18px 17px;overflow:hidden}.preview-brand{display:block;font-size:8px;letter-spacing:1.2px;color:var(--studio-accent);position:relative;z-index:2;overflow-wrap:anywhere}.preview-body h3{font-size:29px!important;font-weight:550;line-height:1.05;letter-spacing:-1px;margin:27px 0 13px!important;position:relative;z-index:2;color:#f9f3fa!important}.preview-body p{font-size:9px;color:#bcb2c0;line-height:1.5;position:relative;z-index:2}.preview-cta{display:inline-block;background:var(--studio-accent);color:#19131b;border-radius:20px;padding:8px 12px;font-size:8px;position:relative;z-index:2;margin-top:7px}.preview-art{position:absolute;right:-32px;top:20px;width:145px;height:220px;transform:rotate(-25deg);opacity:.8;pointer-events:none}.preview-art span{position:absolute;width:88px;height:155px;border-radius:80px;border:1px solid var(--studio-accent);background:linear-gradient(120deg,transparent,var(--studio-accent));box-shadow:inset 2px 0 7px #fff3}.preview-art span:nth-child(2){left:25px;top:25px;opacity:.6}.preview-art span:nth-child(3){left:50px;top:50px;opacity:.3}.studio-preview[data-layout=bold]{background:var(--studio-accent)}.studio-preview[data-layout=bold] .preview-body h3{font-size:37px!important;font-weight:800;color:#201a24!important;letter-spacing:-1.6px}.studio-preview[data-layout=bold] .preview-brand,.studio-preview[data-layout=bold] .preview-body p{color:#362838}.studio-preview[data-layout=bold] .preview-cta{background:#211a25;color:#fff}.studio-preview[data-layout=bold] .preview-art{opacity:.15;right:0;transform:rotate(35deg)}.studio-preview[data-layout=minimal] .preview-body{text-align:center;background:#f1edf0}.studio-preview[data-layout=minimal] .preview-body h3{font-size:27px!important;color:#302832!important;font-weight:400;letter-spacing:-.8px}.studio-preview[data-layout=minimal] .preview-body p{color:#6d5e71}.studio-preview[data-layout=minimal] .preview-art{display:none}.studio-preview[data-layout=minimal] .preview-brand{color:#564a5a}.studio-colors{display:flex;gap:13px}.business-screen .studio-colors>button{width:43px;height:43px;border-radius:50%;background:var(--swatch);border:4px solid #151116;padding:0;outline:1px solid transparent}.business-screen .studio-colors [aria-pressed=true]{outline-color:#fff}.studio-layouts{display:flex;gap:7px;margin-bottom:19px}.business-screen .studio-layouts>button{padding:11px 8px;flex:1;font-size:10px;background:#fff08;border:1px solid #fff2;color:#dccbdd;border-radius:13px}.business-screen .studio-layouts [aria-pressed=true]{background:#eddfea;color:#312437;border-color:#fff8}
.business-screen .card-app-header .app-back{min-height:36px}.business-screen .business-view{padding-bottom:32px}
@media(prefers-reduced-motion:reduce){.os-pages,.os-panel,.os-toast{transition:none;animation:none}}
.business-screen[data-motion=off] .os-panel{animation:none}.business-screen[data-motion=off] .os-pages{transition:none}
/* Explicit input and toggle colors keep older app defaults from leaking in. */
.business-screen .business-view .studio-layouts>button{background:#ffffff0b;color:#e0d4e3;border-color:#ffffff30}.business-screen .business-view .studio-layouts>button[aria-pressed=true]{background:#efdfec;color:#312437;border-color:#fff8}
.business-screen .business-view #studio-name{background:#ffffff0c;color:#f5eff5;border:1px solid #ffffff30;box-shadow:none;border-radius:16px}.business-screen .business-view #studio-name::placeholder{color:#b9a8bf}
.business-screen .os-panel input[type=range]{accent-color:#f1c3d4;background:none;padding:0}.business-screen .business-view .saved-card>button{color:#f4eaf5;background:none}
.business-screen .business-view .card-app-header>.app-back{background:#ffffff0a!important;color:#ddd1e1;border-color:#ffffff22;box-shadow:none}
.business-screen .os-brand-widget>strong>span{font-size:8px;letter-spacing:.6px;line-height:3.5;margin-left:6px}
/* Clipped display layers must never become scroll containers on input focus. */
.business-screen,.business-screen .business-view,.business-screen .os-home,.business-screen .os-pager,.business-screen .os-page{overflow:clip}
.business-screen .os-icon.app-whatsapp .icon-tile,.business-screen .os-icon.app-call .icon-tile{background:linear-gradient(145deg,#40cc7c,#168245)!important}
.business-screen .os-icon.app-mail .icon-tile{background:linear-gradient(145deg,#57a5e0,#2662a0)!important}
.business-screen .os-icon.app-contact .icon-tile{background:linear-gradient(145deg,#b5a392,#716258)!important}
.business-screen .os-icon.app-studio .icon-tile{background:linear-gradient(145deg,#ec8c94,#a22740)!important}
.business-screen .os-icon.app-cortina .icon-tile{background:linear-gradient(145deg,#d9c6a3,#917758)!important}.business-screen .os-icon.app-cristina .icon-tile{background:linear-gradient(145deg,#679b8c,#2b5148)!important}.business-screen .os-icon.app-bergmann .icon-tile{background:linear-gradient(145deg,#8997ae,#46566c)!important}
.business-screen[data-contrast=true] .os-icon .icon-tile{background:#18181c!important}
.business-screen[data-app=notes] .business-view{background:linear-gradient(160deg,#18151a,#211920);color:#f5eff5}
.business-screen[data-app=notes] .business-view h2{color:#f5eff5}.business-screen[data-app=notes] .business-view .app-back{color:#ddd1e1}
/* Keep one composited wallpaper; layered blur on every icon repaints on each frame. */
.business-screen .os-icon .icon-tile,.business-screen .os-dock,.business-screen .os-home-tools>button,.business-screen .lock-message,.business-screen .unlock{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.business-screen .os-page{contain:layout paint style}
.business-screen .os-panel{background:#211d24fa;backdrop-filter:none;-webkit-backdrop-filter:none}
.business-screen.panel-open #os-content{filter:none}
.business-screen .home,.business-screen .app-view{animation:none}
.business-screen .os-icon.app-browser .icon-tile{background:conic-gradient(from -30deg,#da625b 0 33%,#d8b963 33% 66%,#69a680 66%)!important;color:#fff}
.booting-model #stage .screen{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%) scale(var(--fallback-scale,.7))!important;transform-origin:center!important;border:5px solid #56575b;box-sizing:content-box;border-radius:43px;pointer-events:auto;box-shadow:0 0 0 2px #bfc0c3,0 0 0 6px #252629}
.booting-model #stage canvas{opacity:0}.booting-model .controls button:disabled{opacity:.35;cursor:default}
.fallback #reset{display:none}.fallback #stage .screen{transform-origin:center!important}

/* The dialog receives focus for Escape; its individual controls keep focus rings. */
.business-screen .os-panel{animation:none;outline:none}
/* The control sheet stays attached to the finger; automatic easing starts on release. */
.business-screen .os-panel.panel-tracking{animation:none;transition:none;will-change:transform}
.business-screen[data-panel-dragging=true] .os-panel{animation:none;transition:none}
.panel-grip{position:relative;touch-action:none}
.panel-grip:before{content:'';position:absolute;inset:-10px -20px}

/* Browser: existing graphite / red OS, compact omnibox, real isolated web view. */
.business-screen[data-app=browser] .business-view{padding:52px 10px 29px;background:#121216}
.business-screen[data-app=browser] .card-app-header{min-height:34px;margin:0 5px}
.business-screen[data-app=browser] .business-view>h2{font-size:19px;letter-spacing:-.4px;margin:6px 6px 10px}
.business-screen .business-view .browser-body{display:flex;flex:1;min-height:0;padding:0;overflow:hidden;outline-offset:-2px}
.browser-app{--browser-muted:#b2aab6;--browser-accent:#f1a0ac;position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;width:100%;height:100%;color:#f5eff5;isolation:isolate}
.browser-app svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.browser-omnibox{display:flex;align-items:center;gap:0;flex-shrink:0;min-width:0;height:46px;padding:0 3px 0 11px;border:1px solid #ffffff26;border-radius:24px;background:#252329;margin:0 2px 8px}
.browser-omnibox:focus-within{border-color:#f1a0ac}
.browser-address-icon{display:grid;place-items:center;color:#b8afb9;flex-shrink:0}
.browser-address-icon svg{width:17px;height:17px}
.business-screen .business-view .browser-address{min-width:0;width:100%;flex:1;padding:9px 7px;margin:0;color:#f5eff5!important;line-height:24px;min-height:42px;background:transparent!important;border:0!important;border-radius:0;box-shadow:none!important;font-size:16px;letter-spacing:-.35px;user-select:text;outline-offset:-3px}
.business-screen .business-view .browser-address::placeholder{font-size:12px;color:#b2aab6;letter-spacing:0}
.business-screen .business-view .browser-go{width:39px;height:39px;min-height:39px;flex-shrink:0;display:grid;place-items:center;padding:0;background:#eddde6;color:#31252e;border:0;border-radius:50%}
.browser-error{flex-shrink:0;margin:0 5px 8px;color:#ffb1ba;font-size:11px;line-height:1.5}
.browser-viewport{flex:1;min-width:0;min-height:0;overflow:hidden;border:1px solid #ffffff13;border-radius:19px;background:#17161b}
.browser-start,.browser-handoff{height:100%;overflow:auto;overscroll-behavior:contain;padding:24px 16px 18px;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#ffffff30 transparent}
.browser-start-mark,.browser-handoff-mark{width:43px;height:43px;display:grid;place-items:center;border:1px solid #e593a142;background:#6c283630;border-radius:50%;color:var(--browser-accent);margin-bottom:20px}
.browser-start-mark svg,.browser-handoff-mark svg{width:24px;height:24px;stroke-width:1.3}
.browser-app .browser-eyebrow{font-size:8px;font-weight:550;letter-spacing:1.3px;color:#c399a8;margin:0 0 8px}
.business-screen .business-view .browser-app h3{font-size:27px;line-height:1.12;letter-spacing:-.85px;margin:0 0 11px;color:#f5eff5;font-weight:550;overflow-wrap:anywhere}
.browser-app .browser-intro{font-size:11px;line-height:1.6;color:var(--browser-muted);margin:0 0 23px}
.browser-section-label{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 0 11px;font-size:11px}
.browser-section-label b{font-weight:550}.browser-section-label>span{font-size:8px;color:#a99da9}
.browser-favorites{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.business-screen .business-view .browser-favorite{display:flex;align-items:center;gap:8px;min-width:0;min-height:58px;padding:8px;text-align:left;border:1px solid #ffffff1a;border-radius:13px;background:#ffffff05;color:#eee6ef;font-size:10px;line-height:1.4;box-shadow:none}
.browser-favorite>span:last-child{overflow-wrap:anywhere}
.browser-favorite-mark{width:28px;height:28px;flex-shrink:0;border-radius:9px;background:#35242e;color:#f3bdc7;display:grid;place-items:center;font-size:13px;font-weight:500}
.browser-favorite:nth-child(2) .browser-favorite-mark{background:#29352b;color:#c6ddbc}
.browser-favorite:nth-child(3) .browser-favorite-mark{background:#292e3b;color:#bacce8}
.browser-favorite:nth-child(4) .browser-favorite-mark{background:#3b3229;color:#e8d3ba}
.browser-empty{grid-column:1/-1;font-size:11px;line-height:1.6;color:var(--browser-muted);margin:5px 0}
.browser-help{margin-top:20px;font-size:10px;line-height:1.6;color:var(--browser-muted)}
.browser-help summary{min-height:35px;padding:8px 0;cursor:pointer;color:#d8c6d1}
.browser-help p{margin:7px 0 12px}
.browser-handoff{padding-top:38px}
.browser-app .browser-external-link{display:flex;align-items:center;justify-content:center;min-height:46px;padding:12px;font-size:12px;font-weight:550;background:#f0dfe8;color:#30232d;border-radius:24px;text-align:center;line-height:1.5;text-decoration:none}
.browser-site{height:100%;min-height:0;display:flex;flex-direction:column}
.browser-site-note{flex-shrink:0;padding:9px 11px;background:#232128;border-bottom:1px solid #ffffff16;font-size:9px;line-height:1.4;color:#c0b4c2}
.browser-site-status{display:block}.browser-site-open{display:inline-flex;align-items:center;min-height:29px;color:#f1b2c0;text-decoration:underline;text-underline-offset:3px;font-size:10px}
.browser-frame-wrap{position:relative;flex:1;min-width:0;min-height:0;background:#fff}
.browser-frame-wrap[aria-busy=true]:before{content:'';position:absolute;top:0;left:0;width:34%;height:2px;background:#c9657e;z-index:1;animation:browser-loading 1s ease-in-out infinite}
.browser-frame{display:block;width:100%;height:100%;border:0;background:#fff;color-scheme:normal;touch-action:auto}
.browser-toolbar{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:2px;height:52px;padding:5px 0 0}
.business-screen .business-view .browser-toolbar>button,.business-screen .business-view .browser-toolbar>a{display:grid;place-items:center;width:44px;height:44px;min-width:0;min-height:44px;padding:0;border:0;background:transparent;color:#d3c9d4;border-radius:14px;box-shadow:none;text-decoration:none}
.business-screen .business-view .browser-toolbar>button:disabled{opacity:.3;cursor:default;transform:none}
.business-screen .business-view .browser-toolbar [aria-pressed=true]{color:#ffc0cf}
.browser-toolbar [aria-pressed=true] svg{fill:#f49db136}
.browser-app [hidden]{display:none!important}
.browser-notice{position:absolute;left:8px;right:8px;bottom:59px;padding:11px 13px;border:1px solid #f0dfe83f;border-radius:15px;box-shadow:0 8px 18px #0004;background:#ede1e9;color:#302630;font-size:11px;line-height:1.5;z-index:3}
.business-screen[data-contrast=true] .browser-app{--browser-muted:#e0d9e3}
.business-screen[data-contrast=true] .browser-viewport,.business-screen[data-contrast=true] .browser-favorite{border-color:#a79ba9}
.business-screen[data-motion=false] .browser-frame-wrap:before{animation:none}
@keyframes browser-loading{from{transform:translateX(-100%)}to{transform:translateX(395%)}}
@media(prefers-reduced-motion:reduce){.browser-frame-wrap:before{animation:none!important}}

/* Zoning OS — restrained surfaces, optically aligned app artwork, native feedback. */
.business-screen{--os-bg:#101216;--os-surface:#1c1f24;--os-line:#ffffff16;--os-text:#f2f2ef;--os-muted:#a6a8af;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--os-text);font-synthesis:none;color-scheme:dark}
.business-screen button,.business-screen a{-webkit-tap-highlight-color:transparent}
.business-screen .os-home{inset:52px 0 23px;padding:0 17px}
.business-screen .os-page{padding:9px 21px 0}
.business-screen .os-day{font-size:10px;color:#dddde0;letter-spacing:0;margin-bottom:12px}
.business-screen .os-day>span:last-child{font-size:8px;letter-spacing:1px;color:#b8b7ba}
.business-screen .os-brand-widget,.business-screen .os-idea-widget,.business-screen .os-project-widget{height:134px;min-height:134px;border:1px solid #ffffff21!important;border-radius:22px!important;box-shadow:inset 0 1px #ffffff09,0 5px 16px #0002!important;background:#17191ee8!important;text-align:left;padding:18px 19px;overflow:hidden}
.business-screen .os-brand-widget:before,.business-screen .os-brand-widget:after,.business-screen .os-idea-widget:before,.business-screen .os-idea-widget:after{display:none}
.business-screen .os-brand-widget .os-kicker,.business-screen .os-idea-widget .os-kicker{font-size:8px;letter-spacing:1.5px;color:#bbb9bb}
.business-screen .os-brand-widget>strong{font-size:39px;line-height:1.1;letter-spacing:-1.8px;margin:8px 0 5px;color:#f3f0e9;font-weight:750}
.business-screen .os-brand-widget>strong>span{font-size:9px;letter-spacing:1px;color:#aaa6a6;margin-left:9px;vertical-align:middle}
.business-screen .os-brand-widget>span:not(.os-kicker){font-size:11px;line-height:1.3;color:#d2cfd0}
.business-screen .os-brand-widget>i{font-size:8px;color:#939397;margin-top:9px;font-style:normal}
.business-screen .os-idea-widget>strong{font-size:23px;line-height:1.17;letter-spacing:-.7px;margin:10px 0;color:#f1eee6}
.business-screen .os-idea-widget>span:last-child{font-size:9px;color:#b9b5a9}
.business-screen .os-project-widget{padding:0;background:#17191e!important}
.business-screen .os-project-widget img{filter:brightness(.88);height:100%;object-fit:cover;object-position:top}
.business-screen .os-project-widget>span{padding:28px 16px 12px;background:linear-gradient(transparent,#101216ed)}
.business-screen .os-project-widget b{font-size:17px;font-weight:600;letter-spacing:-.4px}
.business-screen .os-section-line{margin:17px 0 13px;font-size:9px;color:#dad6d6}
.business-screen .os-section-line>span:last-child{color:#9f999c;font-size:8px;letter-spacing:.5px}
.business-screen .os-page .app-grid{gap:17px 8px!important}
.business-screen .os-icon{gap:7px;font-size:9px;font-weight:500;letter-spacing:-.1px;min-width:0;text-shadow:0 1px 3px #0008;touch-action:manipulation;-webkit-touch-callout:none;user-select:none;animation:none!important}
.business-screen .app-icon>span:last-child{overflow:visible;white-space:nowrap;max-width:none}
.business-screen .os-icon .icon-tile{width:53px;height:53px;border-radius:13px;background:none!important;border:0!important;box-shadow:0 3px 6px #0003,inset 0 0 0 1px #ffffff16!important;overflow:hidden;transform:scale(1);transition:transform 100ms ease,filter 100ms ease;isolation:isolate}
.business-screen .icon-tile:before,.business-screen .icon-tile:after,.business-screen .result-symbol:before{display:none!important}
.business-screen svg.app-artwork{width:100%;height:100%;display:block;stroke:none!important;fill:none!important;filter:none!important;overflow:hidden;border-radius:22%;stroke-width:0}
.business-screen .app-icon:hover .icon-tile{transform:none;filter:none}
.business-screen .app-icon.is-pressed .icon-tile{transform:scale(.9);filter:brightness(.82)}
.business-screen .app-icon:active{transform:none}
.business-screen .os-bottom-widget{min-height:51px;border:1px solid #ffffff19!important;background:#1d1d24c9!important;border-radius:16px!important;padding:10px 11px!important;box-shadow:none!important;gap:10px;margin-top:auto}
.business-screen .os-bottom-widget b{font-size:11px;font-weight:600;letter-spacing:-.1px}
.business-screen .os-bottom-widget small{font-size:9px;color:#b9b5bc}
.business-screen .os-bottom-widget>span:first-child{width:30px;height:30px;border:0;border-radius:9px;background:#ffffff0d;box-shadow:none;color:#d8d6d2}
.business-screen .os-bottom-widget .studio-orb svg{fill:none;stroke:#d8d6d2}
.business-screen .os-navigation{height:31px}
.business-screen .os-dots button i{height:5px;width:5px;background:#ffffff5c}
.business-screen .os-dots button[aria-pressed=true] i{width:5px;background:#f1eeee;box-shadow:none}
.business-screen .os-home-tools{height:29px;margin-bottom:9px}
.business-screen .os-home-tools>button{border:1px solid #ffffff15;background:#15151ac4;box-shadow:none;color:#e1dddf;font-size:10px;padding:6px 11px}
.business-screen .os-dock{height:85px;min-height:85px;background:#e0d8df18!important;border:1px solid #ffffff26!important;border-radius:25px!important;box-shadow:inset 0 1px #ffffff09,0 8px 18px #0002!important;padding:10px 6px!important;margin:0!important;backdrop-filter:none!important}
.business-screen .os-dock .icon-tile{width:50px;height:50px;border-radius:12px}
.business-screen .os-dock .app-icon>span:last-child{font-size:8px!important;font-weight:500}
.business-screen .business-view{background:var(--os-bg)!important;color:var(--os-text)!important;padding:56px 20px 28px;box-shadow:none;animation:none!important}
.business-screen .card-app-header{min-height:30px}
.business-screen .card-app-header>.app-back{color:#d4d5d9!important;font-size:12px;font-weight:500;padding:6px 0;background:none!important;border:0;box-shadow:none}
.business-screen .card-app-header>span{height:29px;width:29px;border:0;border-radius:7px;background:none}
.business-screen .business-view>h2{font-size:28px;font-weight:700;letter-spacing:-.95px;margin:13px 0 20px;line-height:1.15;color:var(--os-text)}
.business-screen .card-content{padding:0 0 18px;color:var(--os-text);scrollbar-width:thin;scrollbar-color:#51535b transparent;overscroll-behavior:contain}
.business-screen .card-headline{font-size:24px!important;line-height:1.2;color:var(--os-text)!important;letter-spacing:-.7px}
.business-screen .card-eyebrow{font-size:8px!important;letter-spacing:1.25px;color:#c7b9af!important;margin:2px 0 12px!important}
.business-screen .card-intro{color:var(--os-muted)!important;font-size:12px;line-height:1.65;margin-bottom:22px}
.business-screen .service-list{background:transparent!important;border:0!important;border-radius:0;box-shadow:none;padding:0}
.business-screen .service-item{padding:16px 0;border-bottom:1px solid var(--os-line);animation:none!important;gap:13px}
.business-screen .service-item>span{color:#81848e;font-size:10px;font-variant-numeric:tabular-nums}
.business-screen .service-item h4{color:var(--os-text);font-size:13px;font-weight:600}
.business-screen .service-item p,.business-screen .process-list p,.business-screen .gesture-guide p{color:var(--os-muted);font-size:11px;line-height:1.7}
.business-screen .price-card,.business-screen .project-facts{background:var(--os-surface)!important;border:1px solid var(--os-line)!important;border-radius:14px;box-shadow:none;padding:16px;margin:20px 0}
.business-screen .price-card>b{font-size:16px;color:var(--os-text);font-weight:600;letter-spacing:-.3px}
.business-screen .price-card>span,.business-screen .project-facts>span{color:var(--os-muted);font-size:10px}
.business-screen .card-button{background:#24272e!important;border:1px solid #ffffff12!important;box-shadow:none!important;border-radius:12px;color:#e9e9e8!important;font-size:11px;font-weight:600;min-height:43px;padding:12px 13px;transition:filter 100ms,transform 100ms}
.business-screen .card-button.card-primary{background:#ecece7!important;color:#202227!important;border:1px solid #ecece7!important;box-shadow:none!important}
.business-screen .card-button:active{transform:scale(.98);filter:brightness(.88)}
.business-screen .card-link,.business-screen .settings-row{background:var(--os-surface)!important;border:1px solid var(--os-line)!important;color:var(--os-text)!important;box-shadow:none;border-radius:12px;font-size:11px}
.business-screen .card-source,.business-screen .download-row a,.business-screen .contact-location{color:#b3b6c0}
.business-screen .project-card{border:1px solid var(--os-line);background:var(--os-surface)!important;border-radius:17px;box-shadow:none;margin-bottom:19px;animation:none!important}
.business-screen .project-card>div{padding:16px}
.business-screen .project-card p:not(.card-eyebrow){color:var(--os-muted)}
.business-screen .project-card h3{color:var(--os-text);font-size:19px}
.business-screen .project-detail-image{border-radius:15px;box-shadow:none;border:1px solid var(--os-line)}
.business-screen .about-wordmark{color:#f2eee7;padding:0 0 23px;font-size:43px;letter-spacing:-2px}
.business-screen .value-chips>span{border:0;border-radius:5px;background:#25282e;color:#c4c6cc}
.business-screen .person-card{background:var(--os-surface);border:1px solid var(--os-line);border-radius:13px;box-shadow:none;animation:none!important}
.business-screen .person-avatar,.business-screen .person-avatar.secondary,.business-screen .contact-avatar{background:#484c52!important;border:1px solid #ffffff24!important;box-shadow:none!important;color:#eae5dd}
.business-screen .person-avatar.secondary{background:#4c554e!important}
.business-screen .person-card div>span{color:var(--os-muted)}
.business-screen .process-list>div{animation:none!important}
.business-screen .process-list>div>b{background:#262a31;border:1px solid #ffffff16;color:#dededa}
.business-screen .process-list>div:not(:last-child):before{background:#ffffff1c}
.business-screen .contact-identity{padding:3px 0 22px}
.business-screen .contact-avatar{height:76px;width:76px;font-size:26px;letter-spacing:-1px}
.business-screen .contact-identity p{color:var(--os-muted)}
.business-screen .contact-row{background:var(--os-surface)!important;border:1px solid var(--os-line)!important;color:var(--os-text)!important;border-radius:12px;padding:13px 12px;animation:none!important;box-shadow:none}
.business-screen .contact-row small{color:#9397a3;font-size:8px;letter-spacing:.8px}
.business-screen .contact-row>svg{color:#b9bec8;width:18px}
.business-screen .app-view input,.business-screen .app-view textarea,.business-screen select{background:#1c1f25!important;color:#ededeb!important;border:1px solid #ffffff22!important;border-radius:11px;box-shadow:none!important;color-scheme:dark;font-family:inherit;font-size:12px;line-height:1.6}
.business-screen .app-view label{color:#c0c2c8;font-size:11px;font-weight:500}
.business-screen .app-view textarea{min-height:165px;resize:vertical;padding:13px}
.business-screen .app-view .idea-note{min-height:220px;background:#1d2024!important;background-image:none!important;font-size:14px;line-height:1.75}
.business-screen .helper,.business-screen .legal-note,.business-screen .legal-note p{color:#969aa4!important;font-size:10px;line-height:1.7}
.business-screen .legal-note h3{color:#dddfe3}
.business-screen .mail-ready{border-radius:13px;background:#1c2923;border:1px solid #91b69b35}
.business-screen .mail-ready p{color:#b3c6b9}
.business-screen .qr-card{border-radius:16px;box-shadow:none}
.business-screen .os-panel{background:#131519!important;border:1px solid #ffffff16;border-radius:25px 25px 0 0;box-shadow:0 -5px 30px #0005;color:var(--os-text)}
.business-screen .panel-heading{padding:21px 20px 16px;border-bottom:1px solid var(--os-line)}
.business-screen .panel-heading .os-kicker{font-size:8px;color:#9296a1;letter-spacing:1.1px}
.business-screen .panel-heading h2{font-size:26px;letter-spacing:-.8px;color:var(--os-text);margin-top:5px}
.business-screen .panel-close{background:#ffffff0b;border:0;color:#d4d6db;width:31px;height:31px}
.business-screen .panel-scroll{padding:17px 19px 25px}
.business-screen .panel-caption{font-size:10px;color:#969ba7;margin:0 0 17px}
.business-screen .control-grid{display:flex;flex-direction:column;gap:0;border:1px solid var(--os-line);border-radius:13px;overflow:hidden}
.business-screen .control-tile{position:relative;display:grid;grid-template-columns:25px 1fr 34px;column-gap:10px;min-height:65px;padding:13px;background:#1d2026!important;border:0!important;border-bottom:1px solid var(--os-line)!important;border-radius:0;box-shadow:none;color:#e1e2e5;text-align:left}
.business-screen .control-tile:last-child{border-bottom:0!important}
.business-screen .control-tile>svg{grid-row:1/3;align-self:center;width:20px;height:20px;color:#a8aebb}
.business-screen .control-tile>b{font-size:12px;grid-column:2;font-weight:500}
.business-screen .control-tile>small{font-size:9px;color:#969ca9;grid-column:2}
.business-screen .control-tile:after{content:'';position:absolute;right:13px;top:24px;width:30px;height:18px;border-radius:20px;background:#51565f;box-shadow:none}
.business-screen .control-tile:before{content:'';position:absolute;right:27px;top:26px;width:14px;height:14px;border-radius:50%;background:white;z-index:1;transition:right 140ms}
.business-screen .control-tile[aria-pressed=true]:after{background:#699a7c}
.business-screen .control-tile[aria-pressed=true]:before{right:15px}
.business-screen .control-tile:disabled{opacity:.5}
.business-screen .os-brightness{border:1px solid var(--os-line);background:#1d2026;border-radius:13px;box-shadow:none;margin:17px 0;padding:14px}
.business-screen .os-brightness label{font-size:11px;color:#d5d7dc}
.business-screen .os-brightness small{font-size:9px;color:#9197a2}
.business-screen input[type=range]{accent-color:#dddeda}
.business-screen .control-label{font-size:10px;color:#aeb2bc;font-weight:500;letter-spacing:0;margin:20px 0 11px}
.business-screen .os-wallpapers button{color:#b3b7bf;font-size:9px}
.business-screen .os-wallpapers button[aria-pressed=true]{color:white}
.business-screen .wall-thumb{border-radius:12px;border:2px solid transparent;box-shadow:none}
.business-screen [aria-pressed=true]>.wall-thumb{border-color:#f0eee6!important;box-shadow:none!important}
.business-screen .control-shortcuts button{background:#24272d;border:1px solid var(--os-line);color:#dddfe3;border-radius:11px;font-size:10px}
.business-screen .os-reset{color:#aeb3bf;font-size:10px}
.business-screen .os-searchbox{background:#24272d;border:1px solid var(--os-line);border-radius:11px;color:#a7aeba}
.business-screen .os-searchbox input{color:#eeeeed;font-size:12px}
.business-screen .os-result{border:0;border-bottom:1px solid var(--os-line);border-radius:0;background:none;color:#e8e9e9;padding:12px 0;box-shadow:none;gap:11px}
.business-screen .result-symbol{background:none!important;border:0!important;border-radius:9px;width:37px;height:37px;padding:0;box-shadow:none!important}
.business-screen .result-symbol svg{width:37px;height:37px}
.business-screen .os-result b{font-size:12px;font-weight:500}
.business-screen .os-result small{font-size:9px;color:#9299a6;line-height:1.4}
.business-screen .os-empty{border:0;background:none;box-shadow:none;padding:35px 5px;text-align:center}
.business-screen .os-empty>svg{color:#888f9b;width:30px;height:30px;filter:none}
.business-screen .os-empty h3{font-size:16px;letter-spacing:-.35px;font-weight:600;color:#e9eaeb;margin-top:15px}
.business-screen .os-empty p{color:#969eac;font-size:11px;line-height:1.6}
.business-screen .saved-card{border:1px solid var(--os-line);border-radius:13px;background:var(--os-surface)}
.business-screen .saved-card button{color:#dfe1e5}
.business-screen .saved-card small{color:#989eaa}
.business-screen .gesture-guide>div{border-bottom:1px solid var(--os-line);background:none;border-radius:0}
.business-screen .gesture-guide>div>span{color:#c1c7d0;background:#272b32;border:0;border-radius:10px}
.business-screen .studio-preview{border:1px solid #ffffff20;border-radius:13px;box-shadow:none}
.business-screen .studio-colors button[aria-pressed=true]{box-shadow:0 0 0 2px #101216,0 0 0 3px #f0eee5}
.business-screen .studio-layouts{background:#23262c;border:1px solid var(--os-line);border-radius:9px;padding:3px}
.business-screen .studio-layouts button{color:#9da3ae;border:0;border-radius:6px;font-size:10px;background:none}
.business-screen .studio-layouts button[aria-pressed=true]{color:#f0f0ed;background:#454950;box-shadow:0 1px 3px #0003}
.business-screen .os-toast{background:#e8e8e1;color:#25292e;border:0;border-radius:12px;font-size:10px;box-shadow:0 4px 18px #0004}
.business-screen .native-context{position:absolute;inset:0;z-index:80;background:#07090d91;isolation:isolate}
.business-screen .native-context-card{position:absolute;left:31px;right:31px;padding:14px 13px 5px;background:#25282ef7;border:1px solid #ffffff25;border-radius:20px;box-shadow:0 15px 35px #0005}
.business-screen .native-context-preview{display:flex;align-items:center;gap:13px;padding:1px 2px 14px}
.business-screen .native-context-preview>.icon-tile{height:47px;width:47px;border-radius:11px;overflow:hidden;flex-shrink:0}
.business-screen .native-context-preview>b{font-size:14px;color:#eeeeea;letter-spacing:-.3px}
.business-screen .native-context-card>button{display:block;width:100%;border:0;border-top:1px solid #ffffff14;text-align:left;background:none;color:#e1e3e6;font:12px inherit;font-size:12px;min-height:40px;padding:11px 3px}
.business-screen .native-context-card>button:active{background:#ffffff09}
.business-screen .native-context-card>p{font-size:10px;color:#b8cec0;margin:0 2px 7px;min-height:0}
.business-screen :focus-visible{outline:2px solid #c4d5ef!important;outline-offset:3px}
.business-screen[data-contrast=true]{--os-muted:#d1d4da;--os-line:#ffffff4a}
.business-screen[data-contrast=true] .os-icon>span:last-child{color:#fff;text-shadow:0 1px 2px black,0 0 4px black}
.business-screen[data-motion=off] .icon-tile,.business-screen[data-motion=off] .control-tile:before{transition:none}
@media(prefers-reduced-motion:reduce){.business-screen .icon-tile,.business-screen .card-button,.business-screen .control-tile:before{transition:none}}
/* Artwork occupies the full tile, including nested SVG viewports. */
.business-screen .os-icon .icon-tile svg,.business-screen .native-context .icon-tile svg{width:100%;height:100%;stroke:none;filter:none}
.business-screen .os-icon[class] .icon-tile{background:none!important}
.business-screen .browser-app{--browser-muted:#a6acb7;--browser-accent:#dce1e8;color:#f0f0ee}
.business-screen .browser-omnibox{background:#24272e;border-radius:13px;border-color:#ffffff1a}
.business-screen .browser-omnibox:focus-within{border-color:#a8b9d0}
.business-screen .business-view .browser-go{background:#e8e9e3;color:#24282d;border-radius:10px}
.business-screen .browser-viewport{background:#171a1f;border-radius:15px;border-color:#ffffff15}
.business-screen .browser-start-icon{background:#252b32;border:1px solid #ffffff18;color:#c1cbd9}
.business-screen .browser-start .card-eyebrow{color:#aab5c5!important}
.business-screen .browser-help summary,.business-screen .browser-site-open{color:#c6d2e2}
.business-screen .browser-app .browser-external-link{border-radius:11px;background:#e8e9e3;color:#24282d}
.business-screen .browser-site-note{background:#24272d;color:#adb5c2}
.business-screen .business-view .browser-toolbar [aria-pressed=true]{color:#d4dfef}
.business-screen .browser-toolbar [aria-pressed=true] svg{fill:#b6c8e126}
.business-screen .browser-notice{background:#e8e9e3;color:#24282d;border-radius:11px}
.business-screen .app-artwork text{text-shadow:none;stroke:none;filter:none}
.business-screen .control-tile{height:65px;row-gap:3px;align-items:center;grid-template-rows:18px 14px}
.business-screen .control-tile>svg{margin:0}
.business-screen .os-brightness input{accent-color:#d8dcd7}
.business-screen .studio-preview .preview-body{min-height:230px;background:#e9e5dc;color:#242b2e;padding:18px}
.business-screen .studio-preview .preview-brand{color:#4f5759;font-size:8px;letter-spacing:1px;padding-bottom:11px;border-bottom:1px solid #242b2e30}
.business-screen .studio-preview .preview-body h3{color:#252c2f!important;font-family:Georgia,serif;font-weight:400;font-size:29px!important;letter-spacing:-1px;line-height:1.07;margin:20px 0 13px!important}
.business-screen .studio-preview .preview-body p{color:#666d6b;font-size:9px}
.business-screen .studio-preview .preview-cta{border-radius:4px;background:#252c2f;color:#eeece4;padding:8px 12px}
.business-screen .studio-preview .preview-art{top:auto;bottom:12px;right:12px;width:76px;height:75px;transform:none;opacity:1;display:block}
.business-screen .studio-preview .preview-art>span{position:static;display:grid;place-items:center;width:76px;height:75px;border:0;border-radius:3px;background:var(--studio-accent);box-shadow:none;font:39px Georgia,serif;letter-spacing:-4px;color:#252c2f}
.business-screen .studio-preview[data-layout=bold] .preview-body{background:var(--studio-accent)}
.business-screen .studio-preview[data-layout=bold] .preview-body h3{font-family:inherit;font-size:34px!important;font-weight:800;letter-spacing:-1.5px}
.business-screen .studio-preview[data-layout=bold] .preview-art{display:none}
.business-screen .studio-preview[data-layout=minimal] .preview-body{background:#f5f4ef;text-align:center}
.business-screen .studio-preview[data-layout=minimal] .preview-body h3{font-family:inherit;font-size:26px!important;letter-spacing:-.9px;font-weight:400}
.business-screen .studio-preview[data-layout=minimal] .preview-art{display:none}
.business-screen .studio-preview[data-layout=minimal] .preview-cta{background:var(--studio-accent);color:#252c2f}
.business-screen .business-view .card-button{border-radius:12px}
.business-screen .business-view .idea-note{border-radius:12px}
.business-screen .native-closing{position:absolute;inset:0;z-index:65;pointer-events:none!important;overflow:hidden!important}
.business-screen .os-idea-widget{gap:0}
.business-screen .os-idea-widget>strong{margin:10px 0 8px;font-size:22px;line-height:1.14;flex-shrink:0}
.business-screen .os-idea-widget>span:last-child{margin-top:auto;flex-shrink:0;font-size:9px}
.business-screen .os-panel input[type=range]{accent-color:#d8dcd7}
.business-screen .os-wallpapers [aria-pressed=true]{border-color:#c9ced6;box-shadow:0 0 0 1px #c9ced6}

/* Nothing-inspired theme. One accent, circular app icons, dot-matrix time. */
.business-screen{--os-bg:#0c0c0c;--os-surface:#1b1b1b;--os-line:#ffffff16;--os-text:#f1f1ed;--os-muted:#a7a7a4;--nothing-red:#d71920;background:#0c0c0c}
.business-screen .wallpaper{background:#0c0c0c!important;animation:none!important;transform:none!important;inset:0;will-change:auto!important}
.business-screen .wallpaper:before,.business-screen .wallpaper:after{display:none!important}
.business-screen[data-oswall=graphite] .wallpaper{background:#292929!important}
.business-screen[data-oswall=tide] .wallpaper{background:#d8d8d2!important}
.business-screen .os-day{font-family:ui-monospace,'SFMono-Regular',Consolas,monospace;font-size:9px;letter-spacing:.8px;line-height:16px;margin-bottom:16px;color:#c4c4bf}
.business-screen .os-day>span:last-child{font-size:8px;letter-spacing:1px;color:#777}
.nothing-hero{display:grid;grid-template-columns:minmax(0,1fr) 71px;gap:10px;min-height:134px}
.business-screen .nothing-hero .os-brand-widget{display:flex;flex-direction:column;justify-content:space-between;min-width:0;height:134px;padding:17px 15px;background:#efefeb!important;border:0!important;border-radius:22px!important;box-shadow:none!important;color:#171717}
.business-screen .nothing-hero .os-kicker{font:8px ui-monospace,'SFMono-Regular',Consolas,monospace;letter-spacing:1px;color:#555}
.business-screen .nothing-clock{display:block;width:100%;color:#141414;line-height:1}
.business-screen .nothing-clock .dot-type{display:block;width:100%;height:auto;fill:currentColor;stroke:none;overflow:visible}
.business-screen .nothing-hero .nothing-brand{font:7px ui-monospace,'SFMono-Regular',Consolas,monospace;letter-spacing:.9px;color:#555}
.business-screen .nothing-date{position:relative;border:0;background:var(--nothing-red);color:#fff;border-radius:22px;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:7px;padding:12px 0;box-shadow:none}
.business-screen .nothing-date>span{font:9px ui-monospace,'SFMono-Regular',Consolas,monospace;letter-spacing:1px}
.business-screen .nothing-date>b{font-size:37px;line-height:1;font-weight:400;letter-spacing:-2px}
.business-screen .nothing-date>i{font-size:12px;font-style:normal;line-height:1;position:absolute;right:9px;bottom:9px}
.business-screen .os-section-line{font:8px ui-monospace,'SFMono-Regular',Consolas,monospace;letter-spacing:.3px;color:#aaa;margin:21px 0 16px}
.business-screen .os-section-line>span:last-child{color:#666}
.business-screen .os-icon{font-size:9px;font-weight:400;letter-spacing:0;text-shadow:none;color:#ddd}
.business-screen .os-icon[class] .icon-tile,.business-screen .os-dock .icon-tile{border-radius:50%;box-shadow:none!important;background:none!important;overflow:hidden}
.business-screen svg.app-artwork{border-radius:50%;fill:none;box-shadow:none}
.business-screen .os-icon .icon-tile svg{stroke:none}
.business-screen .os-icon .icon-tile svg g{stroke:#171717}
.business-screen .os-icon:hover .icon-tile{filter:brightness(.93)}
.business-screen .os-icon.is-pressed .icon-tile{filter:brightness(.72);transform:scale(.9)}
.business-screen .os-bottom-widget{background:#202020!important;border:0!important;border-radius:28px!important;min-height:51px;padding:10px 13px!important}
.business-screen .os-bottom-widget>span:first-child{border-radius:50%;background:#efefeb;color:#161616;width:30px;height:30px;font-size:10px}
.business-screen .os-bottom-widget .studio-orb svg{stroke:#161616}
.business-screen .os-bottom-widget b{font-size:11px;font-weight:500}
.business-screen .os-bottom-widget small{color:#969693;font-size:8px}
.business-screen .os-bottom-widget>span:last-child{color:#ddd}
.business-screen .os-dock{border:0!important;background:none!important;box-shadow:none!important;border-radius:0!important;padding:10px 5px!important;height:85px}
.business-screen .os-dock .app-icon>span:last-child{font-size:8px!important;font-weight:400;color:#b8b8b3}
.business-screen .os-home-tools>button{background:#222;border:0;box-shadow:none;border-radius:20px;color:#bfbfba;font-size:9px}
.business-screen .os-dots button[aria-pressed=true] i{background:var(--nothing-red)}
.business-screen .os-navigation>button{color:#aaa}
.business-screen .os-idea-widget{background:#efefeb!important;border:0!important;box-shadow:none!important;border-radius:22px!important;color:#171717}
.business-screen .os-idea-widget .os-kicker{color:#666;font-family:ui-monospace,'SFMono-Regular',Consolas,monospace;font-size:8px;letter-spacing:1px}
.business-screen .os-idea-widget>strong{color:#171717;font-size:23px;font-weight:400;letter-spacing:-1px;line-height:1.06;margin:12px 0 8px}
.business-screen .os-idea-widget>span:last-child{color:#666;font-size:8px}
.business-screen .os-project-widget{border:0!important;box-shadow:none!important;border-radius:22px!important}
.business-screen .os-project-widget img{filter:grayscale(1) brightness(.8)}
.business-screen .os-project-widget>span{background:linear-gradient(transparent,#000d)}
.business-screen .os-project-widget small{font-family:ui-monospace,'SFMono-Regular',Consolas,monospace;letter-spacing:.7px}
.business-screen .os-project-widget b{font-size:17px;font-weight:400}
.business-screen .business-view>h2{font-size:29px;font-weight:400;letter-spacing:-1.2px;margin-bottom:23px}
.business-screen .card-app-header>.app-back{color:#bababa!important;background:none!important;box-shadow:none;font-size:11px}
.business-screen .card-app-header>span{border-radius:50%;height:28px;width:28px}
.business-screen .card-headline{font-weight:400;letter-spacing:-.8px}
.business-screen .card-eyebrow{font-family:ui-monospace,'SFMono-Regular',Consolas,monospace;color:#a5a5a0!important;letter-spacing:1px;font-weight:400}
.business-screen .service-item h4{font-weight:500}
.business-screen .service-item>span{font-family:ui-monospace,'SFMono-Regular',Consolas,monospace;color:#888}
.business-screen .business-view .card-button{border-radius:24px;background:#252525!important;border:0!important;font-weight:500;box-shadow:none!important}
.business-screen .business-view .card-button.card-primary{background:#efefeb!important;color:#111!important;border:0!important}
.business-screen .price-card,.business-screen .project-facts,.business-screen .person-card,.business-screen .contact-row,.business-screen .settings-row,.business-screen .card-link{background:#1d1d1d!important;border:0!important;border-radius:18px;box-shadow:none!important}
.business-screen .price-card>b{font-weight:400;font-size:18px}
.business-screen .person-avatar,.business-screen .person-avatar.secondary,.business-screen .contact-avatar{background:#efefeb!important;color:#171717;border:0!important;font-weight:400}
.business-screen .contact-row small{font-family:ui-monospace,'SFMono-Regular',Consolas,monospace;color:#999;font-size:8px}
.business-screen .contact-row>svg{color:#c9c9c4}
.business-screen .contact-identity h3{font-weight:400;letter-spacing:-.7px}
.business-screen .value-chips>span{background:#252525;color:#bbb;border-radius:20px}
.business-screen .about-wordmark{font-weight:400;letter-spacing:-2px}
.business-screen .process-list>div>b{background:#efefeb;color:#161616;border:0}
.business-screen .project-card{background:#1d1d1d!important;border:0;border-radius:20px}
.business-screen .business-view input,.business-screen .business-view textarea,.business-screen select{background:#202020!important;border:1px solid #ffffff18!important;color:#eee!important;border-radius:17px;font-weight:400}
.business-screen .business-view .idea-note{background:#202020!important;border-radius:18px}
.business-screen .control-label{font-family:ui-monospace,'SFMono-Regular',Consolas,monospace;text-transform:uppercase;font-size:9px;letter-spacing:.7px;color:#999}
.business-screen .os-panel{background:#111!important;border:0;border-radius:27px 27px 0 0;box-shadow:none}
.business-screen .panel-heading h2{font-weight:400;font-size:27px;letter-spacing:-1px}
.business-screen .panel-heading .os-kicker{font-family:ui-monospace,'SFMono-Regular',Consolas,monospace;color:#92928e}
.business-screen .panel-close{background:#292929;color:#ddd;border-radius:50%}
.business-screen .control-grid{border:0;border-radius:20px}
.business-screen .control-tile{background:#222!important;color:#ddd}
.business-screen .control-tile>svg{color:#ccc}
.business-screen .control-tile>small{color:#999}
.business-screen .control-tile:after{background:#555}
.business-screen .control-tile[aria-pressed=true]:after{background:var(--nothing-red)}
.business-screen .os-brightness{background:#222;border:0;border-radius:20px}
.business-screen .os-panel input[type=range]{accent-color:#efefeb}
.business-screen .os-wallpapers button{background:#222;border:1px solid transparent;border-radius:17px;color:#aaa}
.business-screen .os-wallpapers [aria-pressed=true]{border-color:#eee;box-shadow:none}
.business-screen .wall-thumb.thumb-red{background:#080808!important}
.business-screen .wall-thumb.thumb-tide{background:#d8d8d2!important}
.business-screen .wall-thumb.thumb-graphite{background:#444!important}
.business-screen .control-shortcuts button{background:#252525;border:0;border-radius:24px;color:#ddd}
.business-screen .os-searchbox{background:#252525;border:0;border-radius:24px;color:#ccc}
.business-screen .os-searchbox input{color:#eee}
.business-screen .os-result{border-bottom:1px solid #ffffff14}
.business-screen .result-symbol{border-radius:50%}
.business-screen .os-result b{font-weight:400}
.business-screen .os-result small{color:#999}
.business-screen .os-empty>svg{color:#999}
.business-screen .os-empty h3{font-weight:400}
.business-screen .saved-card{background:#202020;border:0;border-radius:18px}
.business-screen .gesture-guide>div>span{background:#efefeb;color:#111;border-radius:50%}
.business-screen .gesture-guide h3{font-weight:500}
.business-screen .native-context-card{background:#242424;border:1px solid #ffffff1c;border-radius:24px;box-shadow:0 12px 30px #0005}
.business-screen .native-context-preview>.icon-tile{border-radius:50%}
.business-screen .native-context-preview>b{font-weight:500}
.business-screen .native-context-card>button{border-radius:0;color:#ddd;font-weight:400}
.business-screen .os-toast{background:#efefeb;color:#171717;border-radius:24px}
.business-screen :focus-visible{outline-color:#e95054!important}
.business-screen .browser-app{--browser-muted:#aaa;--browser-accent:#eee}
.business-screen .browser-omnibox{background:#222;border-radius:24px}
.business-screen .browser-viewport{background:#161616;border-radius:20px}
.business-screen .business-view .browser-go{border-radius:50%;background:#efefeb;color:#111}
.business-screen .browser-start-icon{color:#ddd;background:#252525;border:0}
.business-screen .browser-favorite-mark,.business-screen .browser-favorite:nth-child(n) .browser-favorite-mark{background:#efefeb;color:#171717;border-radius:50%}
.business-screen .business-view .browser-favorite{background:#222;color:#ddd;border:0;border-radius:17px}
.business-screen .browser-app .browser-external-link{background:#efefeb;border-radius:24px;color:#111}
.business-screen .browser-help summary,.business-screen .browser-site-open{color:#ccc}
.business-screen .browser-site-note{background:#222;color:#bbb}
.business-screen .studio-layouts{background:#252525;border:0;border-radius:20px}
.business-screen .studio-layouts button{border-radius:18px;color:#aaa}
.business-screen .studio-layouts button[aria-pressed=true]{background:#efefeb;color:#171717;box-shadow:none}
.business-screen .qr-card{border-radius:22px}
.business-screen .card-lock-brand{font-weight:400;letter-spacing:2px}
.business-screen .lock-message{background:#222!important;border:0!important;box-shadow:none!important;border-radius:22px}
.business-screen .notification-icon{background:var(--nothing-red);color:white}
.business-screen .unlock{background:#efefeb!important;color:#171717!important;border:0!important;box-shadow:none!important;border-radius:24px}
.business-screen[data-oswall=tide] .os-home .os-day,.business-screen[data-oswall=tide] .os-home .os-section-line,.business-screen[data-oswall=tide] .os-home .os-icon,.business-screen[data-oswall=tide] .os-dock .app-icon>span:last-child{color:#242424}
.business-screen[data-oswall=tide] .os-section-line>span:last-child,.business-screen[data-oswall=tide] .os-day>span:last-child{color:#555}
.business-screen[data-oswall=tide] .os-home-tools>button{background:#bcbcb7;color:#222}
.business-screen[data-oswall=tide] .os-navigation>button{color:#333}
.business-screen[data-oswall=tide] .os-dots button i{background:#777}
.business-screen[data-oswall=tide] .os-dots button[aria-pressed=true] i{background:var(--nothing-red)}
.business-screen[data-contrast=true] .nothing-hero .os-brand-widget{background:#fff!important;color:#000}
.business-screen .nothing-hero .os-brand-widget>.nothing-clock{color:#151515}
.business-screen .nothing-clock .dot-type{fill:#151515;color:#151515}
.business-screen .nothing-hero .os-brand-widget>.nothing-brand{color:#5e5e59;font-size:7px}
.business-screen .card-lock .lock-time{width:245px;max-width:90%;margin:18px auto;font-size:0;line-height:1;letter-spacing:0;text-shadow:none}
.business-screen .card-lock .lock-time .dot-type{display:block;width:100%;height:auto;fill:#efefeb;stroke:none}
.business-screen[data-oswall=tide]:is([data-app=home],[data-app=lock]):not(.panel-open) .statusbar{color:#171717}
.business-screen[data-oswall=tide][data-app=lock] .card-lock-brand{color:#171717}
.business-screen[data-oswall=tide][data-app=lock] .lock-time .dot-type{fill:#171717}
.business-screen[data-oswall=tide]:is([data-app=home],[data-app=lock]):not(.panel-open) .homebar{color:#171717}
/* The home indicator itself provides keyboard focus, without an enclosing ring. */
.business-screen .homebar:focus-visible{outline:none!important}
.business-screen .homebar:focus-visible:after{transform:scaleX(1.12)}

/* Startup is a visual sequence, not an authentication boundary. */
.business-screen .boot-overlay{position:absolute;inset:0;z-index:100;background:#050505;color:#eee;overflow:hidden;outline:0!important;isolation:isolate;border-radius:inherit}
.business-screen[data-boot]:not([data-boot=done])>#os-content,.business-screen[data-boot]:not([data-boot=done])>.statusbar,.business-screen[data-boot]:not([data-boot=done])>.homebar,.business-screen[data-boot]:not([data-boot=done])>.motion-toggle,.business-screen[data-boot]:not([data-boot=done])>.os-status-button{visibility:hidden!important;pointer-events:none!important}
.business-screen .boot-overlay [hidden]{display:none!important}
.business-screen .boot-lock{position:absolute;inset:0;display:flex;align-items:center;flex-direction:column;padding:80px 22px 45px;background:#0c0c0c;will-change:transform;z-index:2}
.business-screen[data-boot=off] .boot-lock{visibility:hidden}
.boot-lock-mark{width:25px;height:25px;color:#d71920;margin-bottom:30px}
.boot-lock-mark svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:1.5}
.boot-brand{font-size:15px;letter-spacing:3px;font-weight:400;margin:0 0 28px}
.boot-time{width:100%;max-width:250px}
.boot-time .dot-type{width:100%;height:auto;fill:#efefeb;display:block}
.boot-date{font-size:11px;color:#969692;margin:20px 0}
.boot-swipe-hint{margin-top:auto;text-align:center;color:#969692;font-size:10px;line-height:2}
.boot-swipe-hint>span{display:block;font-size:24px;color:#ddd}

/* Reveal the real OS beneath the exiting dialog, while it remains inert until completion. */
.business-screen[data-boot][data-boot-reveal=true]>#os-content,.business-screen[data-boot][data-boot-reveal=true]>.statusbar,.business-screen[data-boot][data-boot-reveal=true]>.homebar,.business-screen[data-boot][data-boot-reveal=true]>.motion-toggle,.business-screen[data-boot][data-boot-reveal=true]>.os-status-button{visibility:visible!important}

/* v35: direct swipe to the business card; reference research/SWIPE-UNLOCK.md. */
.business-screen .boot-overlay{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.business-screen .boot-swipe-hint{display:block;flex-shrink:0;background:transparent;border:0;border-radius:12px;padding:10px 12px;cursor:pointer;font-family:inherit}
.business-screen .boot-swipe-hint:disabled{opacity:0;pointer-events:none}
.business-screen .boot-swipe-hint:focus-visible{outline:2px solid #287dcc!important;outline-offset:3px}
.business-screen .boot-countdown{font:10px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#526e86;min-height:14px;margin:10px 0 0;text-align:center}
.business-screen[data-boot=ready] .boot-lock,.business-screen[data-boot=unlocking] .boot-lock{will-change:transform}
@media(prefers-reduced-motion:reduce){.business-screen[data-boot] .boot-lock{will-change:auto}}

/* v36: the off display is an accessible, user-triggered power surface. */
.business-screen .boot-power-on{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0!important;border-radius:inherit;background:transparent!important;box-shadow:none!important;cursor:pointer;touch-action:none;z-index:3}
.business-screen .boot-power-on:focus-visible{outline:2px solid #526e86!important;outline-offset:-8px}

/* Physical housing and front glass share one depth buffer and sample grid. */
.screen[data-device]{border-radius:0;box-shadow:none!important;border:0!important}
.screen[data-device]:after{display:none!important}
body.fallback .screen[data-device],body.booting-model .screen[data-device]{border:2px solid #303e55!important;box-shadow:0 0 0 2px #65728a,0 0 0 6px #263248!important;border-radius:49px;clip-path:none!important}
.boot-fallback-power{background:#35445f}
#stage:focus-visible{outline:none}
.studio:has(#stage:focus-visible) .controls{outline:2px solid #83baff;outline-offset:5px;border-radius:22px}

/* Reflections share the exact HTML display plane and its measured device clip. */
.studio-glass{position:absolute;inset:0;z-index:1000;overflow:hidden;pointer-events:none!important;contain:strict;background:linear-gradient(115deg,rgba(211,229,255,var(--studio-veil,0)),transparent 55%),linear-gradient(90deg,transparent 30%,rgba(4,8,18,var(--studio-shade,0)))}
.studio-reflection{position:absolute;left:0;top:0;width:150px;height:1700px;margin:-850px 0 0 -75px;transform-origin:center;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(219,235,255,.06) 12%,rgba(235,244,255,.8) 38%,#f2f7ff 52%,rgba(221,236,255,.2) 81%,transparent)}
.studio-reflection-1{width:65px;margin-left:-32.5px;background:linear-gradient(90deg,transparent,rgba(255,243,229,.7) 40%,#fff7ef 55%,transparent)}
body.fallback .studio-glass{display:none}

/* Reference lock: research/UI-REBUILD.md. 320 × 694 logical display.
   The wallpaper is static; reading surfaces are opaque. No per-icon blur. */
.business-screen{
 --os-bg:#f2f2f7;--os-surface:#fff;--os-line:#3c3c431a;--os-text:#1c1c1e;--os-muted:#63636c;
 --page-ink:var(--os-text);--page-muted:var(--os-muted);--page-red:#007aff;--page-line:var(--os-line);--page-panel:#fff;
 --ios-blue:#007aff;--ios-green:#34c759;--ios-home-ink:#173348;--ios-home-muted:#324e61;
 --os-ease:cubic-bezier(.22,.8,.25,1);background:#b8d7ed;color:var(--os-text);color-scheme:light;
 font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','Segoe UI',Arial,sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased;
}
.business-screen button,.business-screen input,.business-screen textarea,.business-screen select{font-family:inherit}
.business-screen .wallpaper{
 inset:0;background:radial-gradient(ellipse 120% 57% at 109% 92%,#ffd5c0 0%,#f7c7bf 39%,transparent 73%),radial-gradient(ellipse 102% 72% at 6% 100%,#a9bbec 0%,#bad2ef 54%,transparent 75%),linear-gradient(146deg,#d5e6f5 0%,#b0d3ef 36%,#cccbf0 61%,#e1d9ed 100%)!important;
 animation:none!important;transform:none!important;filter:none!important;will-change:auto!important;transition:none;pointer-events:none;
}
.business-screen .wallpaper:before,.business-screen .wallpaper:after{display:none!important}
.business-screen .statusbar,.business-screen.in-app .statusbar,.business-screen.panel-open .statusbar{height:48px;padding:17px 25px 0;color:#1c1c1e;font-size:12px;font-weight:600;letter-spacing:-.15px}
.business-screen[data-app=home]:not(.panel-open) .statusbar,.business-screen[data-app=lock]:not(.panel-open) .statusbar{color:var(--ios-home-ink)}
.business-screen .status-icons{display:flex;gap:4px;align-items:center;height:14px}
.business-screen .status-icons svg:nth-child(1){width:13px;height:10px}.business-screen .status-icons svg:nth-child(2){width:12px;height:10px}.business-screen .status-icons svg:nth-child(3){width:21px;height:10px}
.business-screen .island,.business-screen .motion-toggle{top:11px;width:100px;height:29px;background:#07080b;border:0;box-shadow:none;outline-offset:2px;border-radius:16px;padding:0}
.business-screen .motion-toggle .motion-dot,.business-screen .motion-toggle svg{visibility:hidden}
.business-screen .motion-toggle:after{content:'';display:block;position:absolute;right:6px;top:6px;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 38% 35%,#111a28,#070a12 60%,#0d111b);border:1px solid #11141b}
.business-screen .motion-toggle:before{inset:-5px 0}
.business-screen .homebar,.business-screen.in-app .homebar,.business-screen.panel-open .homebar{color:#202127;width:106px;left:107px;bottom:0;height:27px}
.business-screen .homebar:after{top:13px;height:4px;background:currentColor}
.business-screen[data-app=home] .homebar,.business-screen[data-app=lock] .homebar{color:var(--ios-home-ink)}
.business-screen .os-home{inset:64px 0 27px;padding:0 15px;gap:0;animation:none}
.business-screen .os-pager{margin:0 -15px;min-height:0;flex:1}
.business-screen .os-page{padding:7px 22px 0;gap:27px;min-height:0}
.business-screen .os-pages{transition:transform 270ms var(--os-ease);will-change:auto}
.business-screen .os-pages.no-transition{transition:none}
.business-screen .ios-calendar-widget{display:grid;grid-template-columns:77px 1fr;gap:12px;flex-shrink:0;width:100%;height:143px;padding:17px 17px 15px;background:#ffffffed;border:1px solid #ffffffa8;border-radius:24px;color:#202128;text-align:left;box-shadow:0 4px 12px #4465880c}
.business-screen .ios-calendar-date{display:flex;flex-direction:column;align-items:start}
.business-screen .ios-calendar-date>span{font-size:9px;font-weight:650;color:#df494b;line-height:1.3}
.business-screen .ios-calendar-date>b{font-size:47px;line-height:1.12;font-weight:300;letter-spacing:-2px;margin-top:1px;font-variant-numeric:tabular-nums}
.business-screen .ios-calendar-date>small{margin-top:auto;font-size:10px;color:#777981}
.business-screen .ios-calendar-content{display:flex;flex-direction:column;min-width:0}
.business-screen .ios-widget-brand{font-size:8px;letter-spacing:1.15px;font-weight:650;color:#737680;margin-bottom:7px}
.business-screen .ios-calendar-content>b{font-size:13px;font-weight:600;letter-spacing:-.22px;line-height:1.28}
.business-screen .ios-widget-event{display:flex;align-items:stretch;gap:6px;font-size:9px;font-weight:550;line-height:1.3;margin-top:auto;padding:6px 7px 6px 0;color:#245ab0}
.business-screen .ios-widget-event>i{width:3px;flex-shrink:0;border-radius:2px;background:#57a1ff}
.business-screen .ios-widget-event small{display:block;margin-top:3px;font-size:8px;color:#647e9d;font-weight:400}
.business-screen .os-page>.app-grid{margin:0!important;gap:24px 8px!important;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start}
.business-screen .os-icon{font-size:10px;font-weight:400;letter-spacing:-.1px;gap:6px;color:var(--ios-home-ink)!important;text-shadow:none!important;line-height:1.3;min-width:0;animation:none!important;touch-action:manipulation}
.business-screen .os-icon>span:last-child{white-space:nowrap;max-width:100%;text-overflow:ellipsis;overflow:hidden;min-height:12px}
.business-screen .os-icon[class] .icon-tile,.business-screen .os-dock .icon-tile{height:53px;width:53px;border:0!important;border-radius:13px;background:none!important;box-shadow:0 2px 5px #1833481a!important;overflow:hidden;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transition:transform 100ms ease,filter 100ms ease;isolation:auto}
.business-screen svg.app-artwork{width:100%;height:100%;display:block;border-radius:22.5%;fill:none!important;stroke:none!important;filter:none!important;overflow:hidden}
.business-screen .os-icon .icon-tile svg,.business-screen .native-context .icon-tile svg{width:100%;height:100%}
.business-screen .os-icon .icon-tile svg g{stroke:inherit}
.business-screen .app-artwork text{stroke:none;text-shadow:none;filter:none}
.business-screen .os-icon:hover .icon-tile{filter:none;transform:none}
.business-screen .os-icon.is-pressed .icon-tile{transform:scale(.92);filter:brightness(.85)}
.business-screen .os-project-widget{height:143px;min-height:143px;padding:0;border:0!important;border-radius:24px!important;box-shadow:0 4px 12px #4465880c!important;background:#e9e1d9!important}
.business-screen .os-project-widget img{filter:none;object-position:center top}
.business-screen .os-project-widget>span{padding:29px 16px 14px;background:linear-gradient(transparent,#171718d9)}
.business-screen .os-project-widget small{font-family:inherit;font-size:7px;line-height:1.4;letter-spacing:1px;color:#fff}
.business-screen .os-project-widget b{font-size:19px;letter-spacing:-.5px;font-weight:600}
.business-screen .os-idea-widget{height:143px;min-height:143px;padding:17px 18px;border:0!important;border-radius:24px!important;background:#fffffff0!important;box-shadow:0 4px 12px #4465880c!important;color:var(--os-text)}
.business-screen .os-idea-widget .os-kicker{font-family:inherit;font-size:8px;color:#9a761d;letter-spacing:.7px}
.business-screen .os-idea-widget>strong{font-size:23px;letter-spacing:-.7px;font-weight:600;line-height:1.08;margin:8px 0;color:var(--os-text)}
.business-screen .os-idea-widget>span:last-child{font-size:9px;color:#77716a}
.business-screen .os-navigation{height:24px;min-height:24px;flex-shrink:0;margin:3px 0 0;justify-content:center;gap:8px}
.business-screen .os-navigation>button{width:30px;min-width:30px;min-height:24px;height:24px;padding:0;font-size:19px;color:var(--ios-home-muted);background:none}
.business-screen .os-dots{gap:0}.business-screen .os-dots button{width:24px;height:24px;min-height:24px;padding:9px}
.business-screen .os-dots button i{width:5px;height:5px;background:#334f6538}
.business-screen .os-dots button[aria-pressed=true] i{width:5px;background:var(--ios-home-ink);box-shadow:none}
.business-screen .os-home-tools{height:35px;min-height:35px;gap:6px;align-items:center;margin:0 0 9px}
.business-screen .os-home-tools>button{padding:6px 10px;min-height:26px;font-size:9px;line-height:1.4;background:#ffffff70;color:var(--ios-home-muted);border:1px solid #ffffff24;border-radius:18px;box-shadow:none}
.business-screen .os-home-tools svg{width:11px;height:11px}
.business-screen .os-dock{height:78px;min-height:78px;align-items:center;flex-shrink:0;padding:11px 6px!important;margin:0!important;border-radius:28px!important;border:1px solid #ffffff80!important;background:#ffffff66!important;box-shadow:inset 0 1px #ffffff8c,0 4px 20px #7594b00c!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.business-screen .os-dock .app-icon{min-width:58px;gap:0}.business-screen .os-dock .app-icon>span:last-child{display:none!important}
.business-screen .os-dock .icon-tile{width:53px;height:53px;border-radius:13px}
/* All reading surfaces use one opaque system palette. */
.business-screen .business-view{background:var(--os-bg)!important;color:var(--os-text)!important;padding:53px 20px 30px;box-shadow:none;animation:none!important}
.business-screen .card-app-header{min-height:35px;flex-shrink:0}
.business-screen .business-view .card-app-header>.app-back{font-family:inherit;font-size:12px;font-weight:450;color:var(--ios-blue)!important;min-height:35px;padding:6px 0;background:none!important;border:0!important;box-shadow:none;border-radius:7px}
.business-screen .card-app-header>span{width:28px;height:28px;border:0;border-radius:7px;background:none}
.business-screen .card-app-header>span>svg{width:100%;height:100%}
.business-screen .business-view>h2{font-size:29px;font-weight:700;letter-spacing:-.85px;line-height:1.12;color:var(--os-text)!important;margin:9px 0 20px}
.business-screen .card-content{padding:0 0 14px;color:var(--os-text);scrollbar-width:thin;scrollbar-color:#a9abb2 transparent;overscroll-behavior:contain}
.business-screen .card-headline{font-size:24px!important;letter-spacing:-.65px;line-height:1.17;color:var(--os-text)!important;font-weight:650}
.business-screen .card-eyebrow{font-family:inherit;font-size:8px!important;font-weight:600;letter-spacing:1px;color:#5a728d!important;margin:4px 0 10px!important}
.business-screen .card-intro{font-size:12px;line-height:1.62;color:var(--os-muted)!important;margin:0 0 21px}
.business-screen .service-list{padding:0 14px;border:0!important;background:#fff!important;border-radius:16px;box-shadow:none}
.business-screen .service-item{gap:12px;padding:15px 0;border-bottom:1px solid var(--os-line);animation:none!important}
.business-screen .service-item>span{font-family:inherit;color:#a0a2aa;font-size:10px}
.business-screen .service-item h4{font-size:13px;font-weight:600;color:var(--os-text)}
.business-screen .service-item p,.business-screen .process-list p,.business-screen .gesture-guide p{font-size:11px;line-height:1.65;color:var(--os-muted)}
.business-screen .price-card,.business-screen .project-facts,.business-screen .person-card,.business-screen .contact-row,.business-screen .settings-row,.business-screen .card-link{background:#fff!important;border:0!important;border-radius:15px;box-shadow:none!important;color:var(--os-text)!important}
.business-screen .price-card,.business-screen .project-facts{padding:16px;margin:17px 0}
.business-screen .price-card>b{font-size:17px;font-weight:600;color:var(--os-text)}
.business-screen .price-card>span,.business-screen .project-facts>span{color:var(--os-muted);font-size:10px;line-height:1.6}
.business-screen .business-view .card-button,.business-screen .os-panel .card-button{border-radius:13px;border:0!important;min-height:44px;padding:13px;background:#e8e9ee!important;color:#0073e6!important;box-shadow:none!important;font-size:11px;font-weight:600;line-height:1.5}
.business-screen .business-view .card-button.card-primary,.business-screen .os-panel .card-button.card-primary{background:var(--ios-blue)!important;color:#fff!important;border:0!important}
.business-screen .card-source,.business-screen .download-row a{color:var(--ios-blue)}
.business-screen .contact-location{color:var(--os-muted)}
.business-screen .project-card{border:0;background:#fff!important;border-radius:18px;box-shadow:none;animation:none!important}
.business-screen .project-card p:not(.card-eyebrow){color:var(--os-muted)}
.business-screen .project-card h3{font-size:19px;font-weight:650;color:var(--os-text)}
.business-screen .project-detail-image{border:0;border-radius:16px;box-shadow:none}
.business-screen .about-wordmark{font-size:43px;font-weight:750;letter-spacing:-2px;color:var(--os-text);padding:0 0 22px}
.business-screen .value-chips>span{background:#e5ebf5;color:#416383;border:0;border-radius:20px}
.business-screen .person-avatar,.business-screen .person-avatar.secondary,.business-screen .contact-avatar{background:#dce6f2!important;color:#57718c!important;border:0!important;box-shadow:none!important;font-weight:450}
.business-screen .person-card div>span,.business-screen .contact-identity p{color:var(--os-muted)}
.business-screen .contact-identity h3{font-weight:600;letter-spacing:-.5px}
.business-screen .contact-row{animation:none!important;padding:14px 12px}
.business-screen .contact-row>svg{color:var(--ios-blue)}
.business-screen .contact-row small{font-family:inherit;font-size:8px;font-weight:500;color:#80838c;letter-spacing:.7px}
.business-screen .contact-row b{font-size:11px;font-weight:550}
.business-screen .process-list>div{animation:none!important}.business-screen .process-list h3,.business-screen .gesture-guide h3{color:var(--os-text);font-weight:600}
.business-screen .process-list>div>b{background:#e2ecfb;color:#3978c6;border:0}
.business-screen .process-list>div:not(:last-child):before{background:#d6dfeb}
.business-screen .business-view input,.business-screen .business-view textarea,.business-screen .business-view #studio-name,.business-screen select{background:#fff!important;color:var(--os-text)!important;border:1px solid #dfe0e6!important;border-radius:12px!important;box-shadow:none!important;color-scheme:light;font-family:inherit;font-size:13px;line-height:1.6}
.business-screen .business-view input::placeholder,.business-screen .business-view textarea::placeholder,.business-screen .business-view #studio-name::placeholder{color:#8a8d97!important}
.business-screen .business-view label{color:#4d505a;font-size:11px;font-weight:500}
.business-screen .business-view .idea-note{background:#fff!important;color:var(--os-text)!important;background-image:none!important;border-radius:13px!important;font-size:14px;line-height:1.7!important;min-height:220px}
.business-screen .helper,.business-screen .legal-note,.business-screen .legal-note p{color:var(--os-muted)!important;font-size:10px;line-height:1.65}
.business-screen .legal-note h3{color:var(--os-text)}
.business-screen .mail-ready{background:#e4f5ec;border:0;border-radius:14px}.business-screen .mail-ready p{color:#487960}
.business-screen .qr-card{background:#fff;border-radius:17px;box-shadow:none}
.business-screen .saved-card{background:#fff;border:0;border-radius:16px}
.business-screen .business-view .saved-card>button,.business-screen .saved-card button>span{color:var(--os-text)}
.business-screen .saved-card small{color:var(--os-muted)}
.business-screen .gesture-guide>div>span{background:#e2ecfb;color:#3978c6;border:0;border-radius:11px}
/* Settings, Spotlight and recent apps share the same light sheet. */
.business-screen .os-panel{background:var(--os-bg)!important;color:var(--os-text);border:0;border-radius:28px 28px 0 0;box-shadow:0 -4px 22px #22334421;backdrop-filter:none}
.business-screen .panel-heading{padding:21px 20px 16px;border-bottom:1px solid var(--os-line)}
.business-screen .panel-heading .os-kicker{font-family:inherit;font-size:8px;letter-spacing:1px;color:#7c7e89}
.business-screen .panel-heading h2{font-size:28px;font-weight:700;letter-spacing:-.85px;color:var(--os-text)}
.business-screen .panel-close{width:35px;height:35px;border:0;background:#e4e4e9;color:#717580;border-radius:50%}
.business-screen .panel-scroll{padding:17px 19px 22px;scrollbar-color:#a9abb2 transparent}
.business-screen .panel-caption{font-size:10px;color:#747781;margin-bottom:15px}
.business-screen .panel-grip{background:#b5b7bf}
.business-screen .control-grid{border:0;border-radius:16px;overflow:hidden}
.business-screen .control-tile{grid-template-columns:24px 1fr 33px;height:65px;min-height:65px;grid-template-rows:18px 14px;row-gap:3px;column-gap:9px;padding:13px;background:#fff!important;color:var(--os-text);border:0!important;border-bottom:1px solid var(--os-line)!important;box-shadow:none;border-radius:0}
.business-screen .control-tile>svg{width:21px;height:21px;color:var(--ios-blue)}
.business-screen .control-tile>b{font-size:11px;font-weight:500}
.business-screen .control-tile>small{font-size:8px;color:#81838d}
.business-screen .control-tile:after{background:#dfe0e6;width:31px;height:19px;top:23px;right:12px}
.business-screen .control-tile:before{top:25px;right:27px;width:15px;height:15px;background:#fff;box-shadow:0 1px 2px #0002}
.business-screen .control-tile[aria-pressed=true]:after{background:var(--ios-green)}
.business-screen .control-tile[aria-pressed=true]:before{right:14px}
.business-screen .control-tile:disabled{opacity:.58}
.business-screen .os-brightness{background:#fff;border:0;border-radius:16px;padding:14px;box-shadow:none;margin:17px 0}
.business-screen .os-brightness label{color:#575b66;font-size:11px}
.business-screen .os-brightness small{color:#848792;font-size:9px}
.business-screen .os-panel input[type=range],.business-screen .os-brightness input{accent-color:var(--ios-blue);background:transparent}
.business-screen .control-label{font-family:inherit;font-size:9px;font-weight:450;text-transform:uppercase;letter-spacing:.4px;color:#777984;margin:21px 0 10px}
.business-screen .control-shortcuts button{background:#fff;border:0;border-radius:12px;color:var(--ios-blue);font-size:10px;min-height:44px}
.business-screen .os-reset{color:var(--ios-blue);font-size:10px;min-height:38px}
.business-screen .os-searchbox{background:#e4e5eb;border:0;border-radius:13px;color:#818590}
.business-screen .os-searchbox input{color:var(--os-text);font-size:12px}
.business-screen .os-searchbox input::placeholder{color:#838792}
.business-screen .os-result{background:transparent;color:var(--os-text);border:0;border-bottom:1px solid var(--os-line);gap:11px}
.business-screen .os-result b{font-size:12px;font-weight:500}.business-screen .os-result small{color:#777c86;font-size:9px}
.business-screen .os-result>span:last-child{color:#a1a5ad}
.business-screen .result-symbol{border:0!important;border-radius:9px;background:none!important;width:37px;height:37px}
.business-screen .os-empty>svg{color:#9aa4b4}.business-screen .os-empty h3{font-size:17px;font-weight:600;color:var(--os-text)}
.business-screen .os-empty p{font-size:11px;color:var(--os-muted)}
/* Small local tools retain their own actual content, within the same chrome. */
.business-screen .studio-preview{border:1px solid #dadce3;border-radius:15px;box-shadow:none;background:#edf0f5}
.business-screen .preview-browser{background:#e6e8ed;border-bottom:1px solid #d6d8df}.business-screen .preview-browser>i{background:#a7acb6}.business-screen .preview-browser>span{color:#7a808c}
.business-screen .studio-colors>button{border-color:var(--os-bg)}
.business-screen .studio-colors button[aria-pressed=true]{outline-color:#007aff;box-shadow:none}
.business-screen .studio-layouts{padding:3px;background:#e4e5eb;border:0;border-radius:10px;gap:2px}
.business-screen .business-view .studio-layouts>button{background:none;border:0;border-radius:7px;color:#767b87;padding:10px 7px;font-size:10px}
.business-screen .business-view .studio-layouts>button[aria-pressed=true]{background:#fff;color:#252b35;box-shadow:0 1px 3px #0001;border:0}
.business-screen .os-toast{background:#fffffff5;color:#3a424d;border:1px solid #e1e5ec;border-radius:15px;box-shadow:0 4px 20px #2233441c}
.business-screen .native-context{background:#30465d3d}
.business-screen .native-context-card{background:#f7f8fcfa;border:1px solid #fff9;border-radius:21px;box-shadow:0 13px 28px #20314526}
.business-screen .native-context-preview>.icon-tile{border-radius:12px}
.business-screen .native-context-preview>b{color:var(--os-text);font-weight:600}
.business-screen .native-context-card>button{color:var(--ios-blue);border-top:1px solid var(--os-line);min-height:44px;font-weight:400}
.business-screen .native-context-card>p{color:#648570}
/* Browser is a real, isolated web view with legible light controls. */
.business-screen .browser-app{--browser-muted:#747984;--browser-accent:#007aff;color:var(--os-text)}
.business-screen .browser-omnibox{background:#e4e6ed;border:1px solid transparent;border-radius:14px}
.business-screen .browser-omnibox:focus-within{border-color:#007aff}
.business-screen .browser-address-icon{color:#8a8f9a}
.business-screen .business-view .browser-address{color:var(--os-text)!important;background:none!important;border:0!important}
.business-screen .business-view .browser-address::placeholder{color:#858a95}
.business-screen .business-view .browser-go{background:#fff;color:#007aff;border-radius:10px}
.business-screen .browser-viewport{border:1px solid #e1e4eb;background:#fff;border-radius:16px}
.business-screen .browser-start-mark,.business-screen .browser-handoff-mark,.business-screen .browser-start-icon{background:#eaf2ff;border:0;color:#007aff}
.business-screen .business-view .browser-app h3{color:var(--os-text);font-weight:650}
.business-screen .browser-app .browser-eyebrow{color:#76869e}
.business-screen .browser-section-label>span{color:#979ca6}
.business-screen .business-view .browser-favorite{background:#f1f3f8;border:0;color:var(--os-text);border-radius:12px}
.business-screen .browser-favorite-mark,.business-screen .browser-favorite:nth-child(n) .browser-favorite-mark{background:#dce9fb;color:#3a77bf;border-radius:8px}
.business-screen .browser-favorite:nth-child(2) .browser-favorite-mark{background:#f8e6c9;color:#a87630}
.business-screen .browser-favorite:nth-child(3) .browser-favorite-mark{background:#d4eeea;color:#3d9085}
.business-screen .browser-favorite:nth-child(4) .browser-favorite-mark{background:#e0e7ef;color:#5e7d9b}
.business-screen .browser-help summary,.business-screen .browser-site-open{color:var(--ios-blue)}
.business-screen .browser-app .browser-external-link{background:var(--ios-blue);color:#fff;border-radius:13px}
.business-screen .browser-site-note{background:#f0f3f8;color:#6a7788;border-bottom:1px solid #e1e6ef}
.business-screen .business-view .browser-toolbar>button,.business-screen .business-view .browser-toolbar>a{color:#007aff}
.business-screen .business-view .browser-toolbar [aria-pressed=true]{color:#007aff}.business-screen .browser-toolbar [aria-pressed=true] svg{fill:#007aff20}
.business-screen .browser-error{color:#d94040}.business-screen .browser-notice{background:#fff;color:var(--os-text);border:1px solid #dde3ed;border-radius:13px;box-shadow:0 4px 14px #22334421}
.business-screen .browser-frame-wrap[aria-busy=true]:before{background:#007aff}
/* Lock screen: local time, short brand notification, one clear action. */
.business-screen .card-lock{padding:38px 23px 33px;color:var(--ios-home-ink)}
.business-screen .card-lock-brand{font-size:14px;font-weight:550;letter-spacing:-.2px;margin:0}
.business-screen .card-lock .lock-time{font-family:inherit;font-size:76px;font-weight:300;letter-spacing:-3.8px;line-height:1.05;width:auto;max-width:100%;margin:7px auto 0;text-shadow:none;font-variant-numeric:tabular-nums}
.business-screen .lock-message{background:#ffffffb8!important;border:1px solid #ffffff80!important;border-radius:20px;box-shadow:none!important;color:#344352;text-align:left}
.business-screen .notification-icon{background:#238cff;color:#fff;border-radius:9px;font-weight:650}
.business-screen .lock-message strong{color:#253443;font-size:12px}.business-screen .lock-message p{color:#5d6d7d;font-size:10px}
.business-screen .unlock{background:#ffffffd9!important;color:#245178!important;border:1px solid #fff9!important;box-shadow:none!important;font-size:12px;font-weight:550;border-radius:24px;min-height:44px}
.business-screen :focus-visible{outline:2px solid #007aff!important;outline-offset:3px}
.business-screen .homebar:focus-visible{outline:none!important}.business-screen .homebar:focus-visible:after{background:currentColor;transform:scaleX(1.12)}
.business-screen[data-contrast=true]{--os-muted:#464651;--os-line:#3c3c4340;--ios-home-ink:#102435;--ios-home-muted:#293e50}
.business-screen[data-contrast=true] .os-icon>span:last-child{color:var(--ios-home-ink);text-shadow:none}
.business-screen[data-contrast=true] .ios-calendar-widget,.business-screen[data-contrast=true] .os-dock{background:#fff!important}
.business-screen[data-motion=off] .os-pages,.business-screen[data-motion=off] .icon-tile,.business-screen[data-motion=off] .card-button,.business-screen[data-motion=off] .control-tile:before,.business-screen[data-motion=off] .os-toast{transition:none}
@media(prefers-reduced-motion:reduce){.business-screen .os-pages,.business-screen .icon-tile,.business-screen .card-button,.business-screen .control-tile:before,.business-screen .os-toast{transition:none!important}}
.business-screen .os-panel{padding:0}
/* A calm boot sequence uses the same light sky as the home screen. */
.business-screen .boot-lock,.business-screen .boot-pattern{background:radial-gradient(ellipse 120% 57% at 109% 92%,#ffd5c0 0%,#f7c7bf 39%,transparent 73%),radial-gradient(ellipse 102% 72% at 6% 100%,#a9bbec 0%,#bad2ef 54%,transparent 75%),linear-gradient(146deg,#d5e6f5 0%,#b0d3ef 36%,#cccbf0 61%,#e1d9ed 100%);color:#173348}
.business-screen .boot-lock{padding-top:92px;will-change:auto}
.business-screen .boot-lock-mark{color:#244c6a;margin-bottom:25px;width:19px;height:19px}
.business-screen .boot-brand{font-size:10px;letter-spacing:2px;font-weight:650;margin:0 0 18px;color:#4b6b85}
.business-screen .boot-time{font-family:inherit;font-size:78px;font-weight:300;letter-spacing:-4px;line-height:1.1;text-align:center;font-variant-numeric:tabular-nums;color:#173348;max-width:100%}
.business-screen .boot-date{font-size:13px;margin:13px 0;color:#426581;font-weight:450}
.business-screen .boot-swipe-hint{color:#4e6e87;font-size:10px}
.business-screen .boot-swipe-hint>span{color:#294e6b}
.business-screen .boot-pattern{padding-top:87px}
.business-screen .boot-pattern-kicker{font-family:inherit;font-size:8px;letter-spacing:1.4px;color:#56718a;font-weight:600}
.business-screen .boot-pattern h2{font-size:27px;font-weight:600;letter-spacing:-.7px;color:#173348;margin-top:17px}
.business-screen .boot-instruction{color:#52738d;font-size:12px}
.business-screen .pattern-guide{stroke:#287dcc;opacity:.2;stroke-width:3}
.business-screen .pattern-trace{stroke:#1d82df;stroke-width:4}
.business-screen .pattern-dot{fill:#6d8daa;stroke:#ffffff50;stroke-width:14}
.business-screen .pattern-dot.on-guide{fill:#5c8fbf;stroke:#e6f2ff70}
.business-screen .pattern-dot.drawn{fill:#187dd6;stroke:#ffffffa3}
.business-screen .pattern-feedback{color:#4d6f8a;font-size:11px}
.business-screen .pattern-countdown{font-family:inherit;color:#708aa1;font-size:9px}
.business-screen .pattern-field.is-wrong .pattern-trace{stroke:#cb5758}
.business-screen .pattern-node:focus-visible{outline-color:#007aff!important}
.business-screen[data-boot=unlocking] .boot-pattern .pattern-trace{stroke:#34a082}

.business-screen .motion-toggle:disabled{opacity:1;cursor:default}
.business-screen .os-empty>svg{display:block;margin:0 auto}
.business-screen .os-searchbox:focus-within{outline:2px solid #007aff;outline-offset:1px}
.business-screen .os-searchbox input:focus-visible{outline:none!important}
.business-screen .os-status-button:after{display:none}
/* The physical camera cutout remains visible while boot artwork covers the OS. */
.business-screen .boot-overlay:after{content:'';position:absolute;z-index:9;top:11px;left:50%;width:100px;height:29px;transform:translateX(-50%);border-radius:16px;background:#07080b;pointer-events:none}
.business-screen .boot-overlay:before{content:'';position:absolute;z-index:10;top:17px;left:calc(50% + 26.3px);width:18px;height:18px;border:1px solid #11141b;border-radius:50%;background:radial-gradient(circle at 38% 35%,#111a28,#070a12 60%,#0d111b);pointer-events:none}
/* Contrast must increase on light content, including legacy per-app overrides. */
.business-screen[data-contrast=true] .business-view{--page-muted:#464651;--page-line:#3c3c4340;--page-panel:#fff}
.business-screen[data-contrast=true] .browser-app{--browser-muted:#464651}
.business-screen[data-contrast=true] .control-tile:disabled{opacity:.8}
.business-screen[data-contrast=true] .control-tile>small,.business-screen[data-contrast=true] .panel-caption{color:#545864}
/* Filtering keeps rows in place; native hidden must win over their flex display. */
.business-screen .os-panel [hidden]{display:none!important}
/* These surfaces are opaque, so inherited backdrop filters have no visual role. */
.business-screen .settings-row,.business-screen .native-context .icon-tile{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
/* Move the switch thumb on the compositor instead of laying it out via right. */
.business-screen .control-tile:before{right:27px;transform:translateX(0);transition:none}
.business-screen .control-tile[aria-pressed=true]:before{right:27px;transform:translateX(13px)}
@media(prefers-reduced-motion:no-preference){.business-screen[data-motion=on] .control-tile:before{transition:transform 140ms}}

/* v30 — iOS reference lock: research/IOS-POLISH.md.
   Rich wallpaper and glass belong to the system, opaque surfaces to app content. */
.business-screen{
 --ios-home-ink:#fff;--ios-home-muted:#ffffffd9;
 --ios-wall:radial-gradient(ellipse 67% 71% at 4% 42%,#6bebec 0%,#28c0d5 25%,#0485b5 48%,transparent 73%),radial-gradient(ellipse 68% 94% at 106% 97%,#237dff 0%,#1058d6 42%,transparent 69%),linear-gradient(155deg,#071335 3%,#153c95 33%,#07579e 65%,#052247 100%);
 --ios-glass-edge:#ffffff57;--ios-glass-shadow:0 9px 24px #001c4933,inset 0 1px 0 #ffffff70;
}
.business-screen .wallpaper{background:var(--ios-wall)!important}
.business-screen .os-home{inset:62px 0 25px;padding:0 12px}
.business-screen .os-pager{margin:0 -12px}
.business-screen .os-page{padding:8px 20px 0;gap:26px}
.business-screen .ios-calendar-widget{height:140px;border-radius:27px;background:linear-gradient(145deg,#fffffffa,#f3f8fff0);box-shadow:var(--ios-glass-shadow);border:1px solid #ffffffb0;padding:17px}
.business-screen .ios-calendar-date>b{font-size:51px;letter-spacing:-2.6px;font-weight:300}
.business-screen .ios-calendar-date>span{font-size:10px;color:#ed334b}
.business-screen .ios-calendar-content>b{font-size:14px;letter-spacing:-.4px;line-height:1.23}
.business-screen .ios-widget-brand{font-size:7px;letter-spacing:.8px;margin-bottom:9px}
.business-screen .ios-widget-event{background:#007aff0b;border-radius:8px;padding:7px 5px;color:#075bcc}
.business-screen .ios-widget-event small{font-size:8px;color:#536780}
.business-screen .os-page>.app-grid{gap:23px 7px!important}
.business-screen .os-icon{font-size:10px;letter-spacing:0;font-weight:500;gap:6px;text-shadow:0 1px 3px #00132cb3!important;line-height:1.25}
.business-screen .os-icon[class] .icon-tile,.business-screen .os-dock .icon-tile{width:57px;height:57px;border-radius:29%;background:transparent!important;box-shadow:0 3px 5px #00173b35,0 9px 13px -8px #0013399c!important;overflow:visible}
.business-screen svg.app-artwork{border-radius:0;overflow:visible}
.business-screen .os-icon .icon-tile:before,.business-screen .os-icon .icon-tile:after{display:none!important}
.business-screen .os-icon.is-pressed .icon-tile{transform:scale(.9);filter:brightness(.83) saturate(1.12)}
.business-screen .os-project-widget,.business-screen .os-idea-widget{height:140px;min-height:140px;border-radius:27px!important;box-shadow:var(--ios-glass-shadow)!important}
.business-screen .os-idea-widget{background:linear-gradient(145deg,#fffdf6,#fff7df)!important}
.business-screen .os-navigation{height:23px;min-height:23px;margin:0;gap:3px}
.business-screen .os-navigation>button{color:#ffffffc2;font-size:17px}
.business-screen .os-dots button i{background:#ffffff66;width:5px;height:5px}
.business-screen .os-dots button[aria-pressed=true] i{background:#fff}
.business-screen .os-home-tools{height:31px;min-height:31px;margin:0 0 10px;gap:6px}
.business-screen .os-home-tools>button{background:#16395645;color:#fff;border:1px solid #ffffff29;box-shadow:inset 0 1px #ffffff15;min-height:27px;padding:5px 10px;font-size:10px}
.business-screen .os-dock{height:82px;min-height:82px;border-radius:31px!important;padding:10px 5px!important;border:1px solid var(--ios-glass-edge)!important;background:linear-gradient(155deg,#e8f7ff52,#ccedff2b)!important;box-shadow:var(--ios-glass-shadow)!important;backdrop-filter:blur(16px) saturate(1.5)!important;-webkit-backdrop-filter:blur(16px) saturate(1.5)!important}
.business-screen .os-dock .app-icon{min-width:61px}
.business-screen .business-view{padding:53px 18px 29px}
.business-screen .business-view>h2{font-size:30px;font-weight:730;letter-spacing:-1px;margin-top:7px;margin-bottom:21px;line-height:1.12}
.business-screen .business-view .card-app-header>.app-back{font-size:13px;letter-spacing:-.2px;border-radius:20px!important;padding:7px 10px!important;background:#fff9!important;box-shadow:0 1px 3px #172a4510!important}
.business-screen .service-list,.business-screen .contact-row,.business-screen .saved-card{border-radius:20px}
.business-screen .card-button{border-radius:19px;min-height:43px;font-size:12px;font-weight:550}
.business-screen .card-primary{background:#007aff!important;color:#fff!important;box-shadow:0 4px 12px #007aff20!important}
.business-screen .card-headline{letter-spacing:-.65px}
.business-screen .os-panel{padding:0;border-radius:30px 30px 0 0;box-shadow:0 -7px 28px #00122840}
.business-screen .panel-heading .os-kicker{display:none}
.business-screen .panel-heading{padding:20px 20px 17px}
.business-screen .panel-heading h2{margin:0;letter-spacing:-.9px;font-size:29px}
.business-screen .panel-close{width:36px;height:36px;min-height:36px;display:grid;place-items:center;padding:8px}
.business-screen .panel-close svg{display:block;width:18px;height:18px}
.business-screen .panel-grip{height:4px;min-height:4px;margin:8px auto 6px}
.business-screen .control-grid{border-radius:20px}
.business-screen .control-tile{min-height:69px;height:69px;padding:14px}
.business-screen .control-tile>svg{color:#fff;background:#007aff;border-radius:7px;padding:4px;width:25px;height:25px;box-sizing:content-box}
.business-screen .control-tile>b{font-size:12px}
.business-screen .control-tile>small{font-size:9px}
.business-screen .control-tile:after{top:25px}
.business-screen .control-tile:before{top:27px}
.business-screen .os-brightness{border-radius:20px}
.business-screen .native-context{background:#071e4d59;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.business-screen .native-context-card{border-radius:27px;background:#f3f6ffed;box-shadow:0 16px 35px #00122f59,inset 0 1px #fff}
.business-screen .os-notifications-button{position:absolute;top:7px;left:12px;width:92px;height:41px;z-index:7;border:0;background:transparent;padding:0;border-radius:16px;touch-action:none}
.business-screen .os-status-button:after{display:block;background:#ffffff65;bottom:0;width:20px;height:2px}
.business-screen.in-app .os-status-button:after{background:#0003}
/* Full-screen system layers. Brightness is a real vertical native range input. */
.business-screen .os-panel[data-kind=controls],.business-screen .os-panel[data-kind=notifications]{inset:0;border-radius:var(--screen-radius,43px);background:linear-gradient(155deg,#06152c9c,#07335aca),var(--ios-wall)!important;color:#fff;box-shadow:none;padding:52px 17px 22px;touch-action:none;isolation:isolate}
.business-screen .os-panel[data-kind=controls] .panel-heading,.business-screen .os-panel[data-kind=notifications] .panel-heading{padding:5px 3px 20px;border:0;min-height:52px;gap:4px}
.business-screen .os-panel[data-kind=controls] .panel-heading h2,.business-screen .os-panel[data-kind=notifications] .panel-heading h2{font-size:21px;color:#fff;letter-spacing:-.65px;font-weight:650}
.business-screen .os-panel[data-kind=controls] .panel-close,.business-screen .os-panel[data-kind=notifications] .panel-close{background:#ffffff24;color:#fff;border:1px solid #ffffff38;box-shadow:inset 0 1px #ffffff28}
.business-screen .os-panel[data-kind=controls] .panel-scroll,.business-screen .os-panel[data-kind=notifications] .panel-scroll{padding:0 1px;scrollbar-width:none;touch-action:pan-y;overscroll-behavior:none}
.business-screen .os-panel[data-kind=controls] .panel-grip,.business-screen .os-panel[data-kind=notifications] .panel-grip{background:#fff;width:106px;height:4px;position:absolute;bottom:10px;left:calc(50% - 53px);margin:0}
.business-screen[data-panel=controls] .statusbar,.business-screen[data-panel=notifications] .statusbar{color:#fff;z-index:23;pointer-events:none}
.business-screen[data-panel=controls] .motion-toggle,.business-screen[data-panel=notifications] .motion-toggle{z-index:24}
.business-screen[data-panel=controls]>.homebar,.business-screen[data-panel=notifications]>.homebar{z-index:24;color:transparent}
.business-screen .cc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:76px;gap:11px;align-content:start}
.business-screen .cc-glass{background:linear-gradient(145deg,#ffffff2b,#d7e9ff16);border:1px solid #ffffff30;box-shadow:inset 0 1px #ffffff33,0 6px 16px #000b221f;color:#fff;border-radius:27px;min-width:0}
.business-screen .cc-glass svg{width:25px;height:25px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:1.8}
.business-screen .cc-cluster{grid-column:span 2;grid-row:span 2;display:grid;grid-template-columns:1fr 1fr;gap:10px 3px;padding:13px 7px;border-radius:30px}
.business-screen .cc-toggle{display:flex;flex-direction:column;align-items:center;justify-content:start;gap:3px;min-width:0;background:none;color:#fff;border:0;padding:0;border-radius:18px;line-height:1.15}
.business-screen .cc-toggle svg{box-sizing:content-box;display:block;width:22px;height:22px;padding:11px;border-radius:50%;background:#e1ebff26;box-shadow:inset 0 1px #ffffff21;margin-bottom:1px}
.business-screen .cc-toggle[aria-pressed=true] svg{background:#007aff;box-shadow:inset 0 1px #ffffff45,0 2px 7px #003b8559}
.business-screen .cc-haptics[aria-pressed=true] svg{background:#27bf64}
.business-screen .cc-contrast[aria-pressed=true] svg{background:#fff;color:#17263c}
.business-screen .cc-toggle b{font-size:9px;font-weight:550;letter-spacing:-.15px}
.business-screen .cc-toggle small{position:absolute;width:1px;height:1px;left:0;top:0;overflow:hidden;clip-path:inset(50%)}
.business-screen .cc-toggle:disabled{opacity:.45}
.business-screen .cc-feature{grid-column:span 2;grid-row:span 2;padding:12px 13px;text-align:left;display:flex;flex-direction:column;gap:6px;border-radius:30px}
.business-screen .cc-monogram{width:29px;height:29px;background:linear-gradient(135deg,#f6faff,#ccdfff);border-radius:10px;font-size:23px;font-weight:750;letter-spacing:-2px;line-height:25px;padding-left:5px;color:#16356a}
.business-screen .cc-feature small{display:none}
.business-screen .cc-feature b{font-size:16px;letter-spacing:-.4px;font-weight:600;line-height:1.18;display:block}
.business-screen .cc-feature-link{font-size:8px;color:#d5e6ff;display:flex;align-items:center;justify-content:space-between;margin-top:auto}
.business-screen .cc-feature-link svg{width:12px;height:12px}
.business-screen .cc-wide{grid-column:span 2;padding:12px;display:flex;align-items:center;gap:9px;text-align:left;border-radius:24px}
.business-screen .cc-wide>span{display:flex;flex-direction:column;gap:4px}
.business-screen .cc-wide b{font-size:10px;font-weight:550;line-height:1.15}
.business-screen .cc-wide small{font-size:8px;line-height:1.2;color:#c8d8ef}
.business-screen .cc-brightness{grid-column:3;grid-row:3 / span 2;position:relative;overflow:hidden;border-radius:27px;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:8px;padding:18px 0;color:#122645;touch-action:none}
.business-screen .cc-slider-fill{position:absolute;inset:auto 0 0;height:var(--level);background:linear-gradient(90deg,#d6e7ff,#fff);border-radius:0 0 26px 26px;pointer-events:none}
.business-screen .cc-brightness svg{position:relative;z-index:1;width:28px;height:28px;pointer-events:none}
.business-screen .cc-brightness output{position:relative;z-index:1;font-size:10px;font-weight:650;pointer-events:none;font-variant-numeric:tabular-nums}
.business-screen .cc-brightness input[type=range]{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;opacity:.001;writing-mode:vertical-lr;direction:rtl;touch-action:none;cursor:ns-resize}
.business-screen .cc-brightness:focus-within{outline:3px solid #fff;outline-offset:3px}
.business-screen .cc-round{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;border-radius:50%;padding:9px;aspect-ratio:1;align-self:center}
.business-screen .cc-round span{font-size:8px;color:#e2ecff}
.business-screen .cc-round[data-launch=notes]{grid-column:4;grid-row:3}
.business-screen .cc-round[data-launch=search]{grid-column:4;grid-row:4}
.business-screen .cc-browser{grid-column:1 / span 2;grid-row:4}
.business-screen .cc-share{grid-column:1 / -1;border-radius:25px}
.business-screen .cc-caption{text-align:center;font-size:9px;color:#b8cce3;line-height:1.4;margin:23px 0 0;pointer-events:none}
.business-screen .cc-glass:active,.business-screen .cc-toggle:active svg{filter:brightness(1.22);transform:scale(.96)}
.business-screen .cc-cluster:active,.business-screen .cc-brightness:active{filter:none;transform:none}
.business-screen .cc-glass,.business-screen .cc-toggle svg{transition:transform 120ms ease,filter 120ms ease,background-color 120ms ease}
.business-screen .nc-clock{text-align:center;margin-top:14px}
.business-screen .nc-clock p{font-size:14px;font-weight:500;letter-spacing:-.25px;color:#e5f5ff}
.business-screen .nc-clock b{display:block;font-size:75px;line-height:1.1;font-weight:650;letter-spacing:-5px;color:#e7f8ff;text-shadow:0 2px 15px #3b87ce33}
.business-screen .nc-empty{text-align:center;margin-top:95px;color:#cfdef0}
.business-screen .nc-empty svg{width:28px;height:28px;opacity:.7}
.business-screen .nc-empty h3{font-size:16px;font-weight:550;letter-spacing:-.3px;margin:15px 0 5px;color:#fff}
.business-screen .nc-empty p{font-size:11px;color:#bcd1e7}
.business-screen .os-panel[data-kind=notifications] .cc-caption{margin-top:75px}
.business-screen[data-contrast=true] .cc-glass{background:#15365a;border-color:#ffffff80}
.business-screen[data-contrast=true] .cc-caption,.business-screen[data-contrast=true] .cc-wide small{color:#fff}
.business-screen[data-contrast=true] .os-home-tools>button{background:#10263f}
.business-screen[data-contrast=true] .os-dock{background:#132f51!important}
.business-screen .boot-clock-date,.business-screen .boot-clock-time,.business-screen .boot-clock-foot,.business-screen .pattern-title,.business-screen .pattern-feedback,.business-screen .pattern-countdown{color:#f1f8ff}
.business-screen .pattern-node{color:#fff}
@media(prefers-reduced-motion:reduce){.business-screen .cc-glass,.business-screen .cc-toggle svg{transition:none}}
.business-screen[data-contrast=true]{--ios-home-ink:#fff;--ios-home-muted:#fff}
.business-screen[data-contrast=true] .os-icon>span:last-child{color:#fff;text-shadow:0 1px 3px #000!important}
.business-screen .pattern-dot{fill:#b9e4ff;stroke:#ffffff1f}
.business-screen .pattern-dot.on-guide{fill:#d7efff;stroke:#ffffff2b}
.business-screen .pattern-dot.drawn{fill:#fff;stroke:#a3e8ff66}
.business-screen .pattern-trace{stroke:#b4f3ff}
.business-screen .control-tile{grid-template-columns:34px minmax(0,1fr) 33px;column-gap:10px}
.business-screen[data-app=home].panel-open .statusbar,.business-screen[data-app=lock].panel-open .statusbar{color:#fff}
.business-screen .nc-clock b{font-style:normal;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}

/* v31: the existing lock-screen artwork is the Home wallpaper reference. */
.business-screen .pattern-feedback{color:#385c77}
.business-screen .pattern-countdown{color:#526e86}
.business-screen .pattern-dot{fill:#5e7f9b;stroke:#ffffff50}
.business-screen .pattern-dot.on-guide{fill:#477aa8;stroke:#ffffff65}
.business-screen .pattern-dot.drawn{fill:#0875ca;stroke:#ffffffa3}
.business-screen .pattern-trace{stroke:#0875ca}

/* v34: reference lock research/CARD-REDUCTION.md — one business-card home. */
.business-screen .card-home{padding:7px 22px 0;gap:26px}
.business-screen .card-identity-widget{display:flex;flex-direction:column;align-items:flex-start;width:100%;flex-shrink:0;padding:19px 20px;background:#ffffffed;color:#202128;border:1px solid #ffffffa8;border-radius:24px;text-align:left;box-shadow:0 4px 12px #4465880c;gap:5px}
.business-screen .card-identity-mark{font-size:25px;font-weight:750;letter-spacing:-1.2px;margin-bottom:12px}
.business-screen .card-identity-widget strong{font-size:19px;letter-spacing:-.5px;font-weight:650}
.business-screen .card-identity-widget>span:not(.card-identity-mark){font-size:12px;color:#63636c}
.business-screen .card-identity-widget small{font-size:10px;color:#63636c;margin-top:10px}
.business-screen .card-home>.card-app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 12px!important;margin:0!important;padding:0;align-content:start;flex-shrink:0}
.business-screen .card-home-meta{margin-top:auto;text-align:center}
.business-screen .card-home-meta button{font-size:10px;color:var(--ios-home-ink);background:transparent;border:0;padding:10px 8px;min-height:32px}
.business-screen .card-home .os-dock{margin:0 -7px 0;flex-shrink:0}

/* v38: supplied original logo; no filters, cropping or distorted proportions. */
img.zoning-logo{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;filter:none;flex-shrink:0}
.topbar .brand{display:flex;align-items:center}
.business-screen .card-identity-mark{display:block;width:100%;margin:0 0 12px;padding:11px 15px;border-radius:10px;background:#090a0b}
.business-screen .card-identity-mark .zoning-logo{width:174px;max-width:100%;margin:0 auto}
.business-screen .about-wordmark{padding:14px 18px!important;background:#090a0b!important;border-radius:12px;margin:0 0 22px;max-width:100%}
.business-screen .about-wordmark .zoning-logo{width:210px;margin:auto}
.business-screen .qr-card .share-wordmark{width:174px;padding:9px 12px;background:#090a0b;border-radius:8px;margin:12px auto}
.business-screen .qr-card .share-wordmark .zoning-logo{width:100%;height:auto;margin:0;border-radius:0}

.topbar .brand span{margin-left:0}

/* v41 · User reference 87ee76ee: graphite, white linework, red details. */
.business-screen{
 --os-bg:#0e1214;--os-surface:#1b2023;--os-line:#ffffff18;--os-text:#f5f6f7;--os-muted:#b5bec5;
 --page-panel:var(--os-surface);--page-red:#ff4b53;--ios-blue:#ff636a;--ios-green:#23d845;
 color-scheme:dark;background:#0b0e0f;
}
.business-screen[data-oswall=graphite]{--ios-home-ink:#f6f7f8;--ios-home-muted:#b8cbd8}
.business-screen[data-oswall=graphite] .wallpaper,.business-screen .boot-lock{background:#0b0e0f url('/graphite-wall.svg') center/100% 100%!important}
.business-screen .card-home{inset:48px 0 27px;padding:0 20px;display:grid;grid-template-rows:248px 146px minmax(44px,1fr) 80px;gap:0}
.business-screen .card-identity-widget{height:100%;padding:59px 0 0;align-items:center;background:none;border:0;border-radius:0;box-shadow:none;text-align:center;gap:0;color:var(--ios-home-ink)}
.business-screen .card-identity-mark{width:228px;padding:0;margin:0;background:transparent;border-radius:0}
.business-screen .card-identity-mark .zoning-logo{width:100%;mix-blend-mode:lighten}
.business-screen .card-identity-widget strong{font-size:24px;line-height:1.2;font-weight:600;letter-spacing:-.45px;margin-top:44px;white-space:nowrap}
.business-screen .card-home>.card-app-grid{grid-template-columns:repeat(3,1fr);grid-template-rows:58px 58px;row-gap:30px!important;column-gap:18px!important;justify-items:center;align-content:start}
.business-screen .card-app-grid .os-icon{width:58px;height:58px;min-height:58px;border-radius:50%;padding:10px 0 6px;gap:4px;border:1px solid #ffffff0b;background:linear-gradient(145deg,#ffffff13,#ffffff03);box-shadow:inset 0 1px #ffffff0c;color:var(--ios-home-ink)!important}
.business-screen .card-app-grid .os-icon .icon-tile{width:24px;height:24px;flex-shrink:0;border-radius:0;overflow:visible;box-shadow:none!important}
.business-screen .card-app-grid .os-icon>span:last-child{font-size:8px;line-height:1.25;min-height:10px;overflow:visible;color:inherit!important}
.business-screen .card-symbol{display:block;width:100%;height:100%;fill:none;stroke:currentColor;color:inherit;overflow:visible}
.business-screen .card-symbol .accent{stroke:#ff3e48}
.business-screen .card-home-meta{margin:0;display:flex;align-items:center;justify-content:center;padding-top:10px}
.business-screen .card-home-meta button{color:var(--ios-home-muted);font-size:10px;font-weight:400;padding:12px 0;min-height:44px}
.business-screen .card-home .os-dock{height:80px;min-height:80px;margin:0 -10px!important;padding:12px 12px!important;display:flex;justify-content:space-around;border-radius:36px!important;background:linear-gradient(130deg,#ffffff0d,#ffffff06)!important;border:1px solid #ffffff0b!important;box-shadow:inset 0 1px #ffffff10!important}
.business-screen .os-dock .app-icon{min-width:44px;min-height:44px}
.business-screen .os-dock .icon-tile{width:44px!important;height:44px!important;border-radius:50%!important;box-shadow:none!important;overflow:hidden;background:#00a7fb!important}
.business-screen .os-dock svg.app-artwork{border-radius:50%;width:110%;height:110%;max-width:none;transform:translate(-4.55%,-4.55%)}
.business-screen .os-dock .app-website .icon-tile{background:linear-gradient(145deg,#00d4ee,#0065f6)!important;padding:10px;color:white}
.business-screen .os-dock .app-website .card-symbol{width:100%;height:100%}
.business-screen .homebar,.business-screen.in-app .homebar,.business-screen.panel-open .homebar{color:#f5f6f7}
.business-screen .statusbar,.business-screen.in-app .statusbar,.business-screen.panel-open .statusbar{color:#f5f6f7;font-weight:400}
.business-screen .boot-time,.business-screen .boot-date,.business-screen .boot-lock-mark,.business-screen .boot-swipe-hint,.business-screen .boot-swipe-hint>span,.business-screen .boot-countdown{color:#edf3f7}
.business-screen .boot-date,.business-screen .boot-countdown{color:#b8cbd8}
.business-screen .business-view .card-button,.business-screen .os-panel .card-button{background:#252b30!important;color:#f2f5f7!important}
.business-screen .business-view .card-button.card-primary,.business-screen .os-panel .card-button.card-primary{background:#c92e37!important;color:#fff!important}
.business-screen .business-view input,.business-screen .business-view textarea,.business-screen select{background:var(--os-surface)!important;color:var(--os-text)!important;border-color:#ffffff29!important;color-scheme:dark}
.business-screen .value-chips>span,.business-screen .person-avatar,.business-screen .person-avatar.secondary,.business-screen .contact-avatar,.business-screen .process-list>div>b{background:#292f34!important;color:#e1e7eb!important}
.business-screen .card-eyebrow{color:#b8cbd8!important}
.business-screen .os-panel{background:var(--os-bg)!important;color:var(--os-text)}
.business-screen .panel-close{background:#2a3035;color:#fff}
.business-screen .panel-caption,.business-screen .panel-heading .os-kicker,.business-screen .control-label,.business-screen .control-tile>small,.business-screen .os-brightness label,.business-screen .os-brightness small{color:var(--os-muted)}
.business-screen .qr-card{background:#1b2023;color:#f5f6f7}
.business-screen .mail-ready{background:#143022}.business-screen .mail-ready p{color:#b1dfbe}
.business-screen .lock-message{background:#1b2023!important;color:#fff!important}
.business-screen .lock-message p{color:#bdc7ce!important}
.business-screen .card-app-grid .os-icon:focus-visible,.business-screen .card-identity-widget:focus-visible,.business-screen .card-home-meta button:focus-visible{outline:2px solid #ff636a!important;outline-offset:4px}
.business-screen .card-app-grid .os-icon.is-pressed{background:#ffffff20;transform:scale(.94)}
.business-screen[data-contrast=true] .card-app-grid .os-icon,.business-screen[data-contrast=true] .card-home .os-dock{background:#202629!important;border-color:#aebbc7!important}

.business-screen .os-icon .icon-tile svg.card-symbol{stroke:currentColor!important;fill:none!important;color:inherit}
.business-screen .os-dock svg.app-artwork{transform:none;width:100%!important;height:100%!important}
.business-screen .os-dock .os-icon[class] .icon-tile{background:transparent!important}
.business-screen .os-dock .os-icon.app-website .icon-tile{background:linear-gradient(145deg,#00d4ee,#0065f6)!important}
.business-screen .business-view .card-app-header>.app-back{background:#ffffff0c!important;color:#ffc1c5!important;box-shadow:none!important}
.business-screen .os-status-button:after{display:none}

.business-screen .business-view label,.business-screen .qr-card>span:not(.qr-corner){color:var(--os-muted)}
.business-screen .card-app-header>span{padding:3px;color:#f5f6f7}
.business-screen .card-app-header svg.card-symbol{stroke:currentColor;fill:none}

.business-screen .service-list,.business-screen .price-card,.business-screen .project-facts,.business-screen .person-card,.business-screen .contact-row,.business-screen .settings-row,.business-screen .card-link,.business-screen .control-tile,.business-screen .os-brightness,.business-screen .control-shortcuts button{background:var(--os-surface)!important;color:var(--os-text)}

/* Share reference: QR card and two actions, no introductory copy. */
.business-screen[data-app=share] .card-content{padding-top:14px}
.business-screen[data-app=share] #share-status:empty{display:none}
.business-screen[data-app=share] #share-link[hidden]{display:none!important}

/* Keep share, including feedback and manual-copy fallback, inside the display. */
.business-screen[data-app=share] .card-content{display:flex;flex-direction:column;gap:10px;overflow:hidden!important;overscroll-behavior:none;touch-action:none;padding:14px 0 0;min-height:0}
.business-screen[data-app=share] .qr-card{flex:1;min-height:0;max-height:354px;margin:8px 5px 8px;overflow:hidden}
.business-screen[data-app=share] .qr-card>img{flex:1;min-height:0;height:0;object-fit:contain;width:100%}
.business-screen[data-app=share] .share-wordmark,.business-screen[data-app=share] .qr-card>span{flex-shrink:0}
.business-screen[data-app=share] .card-content>.card-button{flex-shrink:0;min-height:44px;margin:0}
.business-screen[data-app=share] #share-status{flex-shrink:0;margin:0;font-size:10px;line-height:1.4}
.business-screen[data-app=share] #share-link{flex-shrink:0;margin:0;min-height:36px;touch-action:manipulation}

/* The brand remains still on hover/press; keep keyboard focus visible. */
.business-screen .card-identity-widget,.business-screen .card-identity-widget:hover,.business-screen .card-identity-widget:active{transform:none!important;transition:none!important;animation:none!important;background:transparent!important;box-shadow:none!important;filter:none!important;-webkit-tap-highlight-color:transparent}
.business-screen .card-identity-widget .card-identity-mark{background:transparent!important;box-shadow:none!important;transform:none!important;transition:none!important}
.business-screen .os-panel[data-kind=settings]{border-radius:36px!important;touch-action:none;overflow:hidden}
.business-screen .os-panel[data-kind=settings] .panel-scroll{touch-action:none}

.business-screen[data-app=meeting] #meeting-result+.helper{margin-top:22px}
.business-screen .card-home-meta{align-items:flex-end;padding:0 0 18px}
.business-screen .install-mark{width:76px;height:76px;border-radius:18px;display:block;margin:4px 0 22px}
.business-screen .install-steps{padding:16px 18px 16px 34px;margin:18px 0;background:var(--os-surface);border-radius:18px;color:var(--os-text);font-size:12px;line-height:1.65}
.business-screen .install-steps li+li{margin-top:12px}
.business-screen .install-status{font-size:11px;line-height:1.6;color:var(--os-muted);margin-top:16px}

/* v51 · Larger optical symbols, separate readable labels, consistent graphite faces. */
.business-screen .card-home{grid-template-rows:224px 170px minmax(44px,1fr) 80px}
.business-screen .card-home>.card-app-grid{grid-template-rows:78px 78px;row-gap:14px!important;column-gap:12px!important}
.business-screen .card-app-grid .os-icon{width:80px;height:78px;min-height:78px;padding:0;gap:7px;border:0;border-radius:18px;background:none;box-shadow:none;overflow:visible;transition:none}
.business-screen .card-app-grid .os-icon .icon-tile{display:grid;place-items:center;width:56px;height:56px;padding:13px;border-radius:18px;border:1px solid #ffffff1c!important;background:linear-gradient(145deg,#303638,#171d20)!important;box-shadow:inset 0 1px 0 #ffffff15,0 5px 12px #0003!important;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.business-screen .card-app-grid .os-icon>span:last-child{font-size:11px;line-height:15px;font-weight:500;letter-spacing:.05px;min-height:15px;text-shadow:0 1px 3px #0008}
.business-screen .card-app-grid .os-icon .card-symbol{stroke-width:1.65}
.business-screen .card-app-grid .os-icon.is-pressed{transform:none;background:none}
.business-screen .card-app-grid .os-icon.is-pressed .icon-tile{transform:scale(.92);border-color:#ff727b80!important;background:#303336!important}
@media(hover:hover){.business-screen .card-app-grid .os-icon:hover .icon-tile{transform:translateY(-2px);border-color:#ffffff40!important;background:linear-gradient(145deg,#3c4244,#21282b)!important}}
.business-screen[data-contrast=true] .card-app-grid .os-icon{background:none!important}
.business-screen[data-contrast=true] .card-app-grid .os-icon .icon-tile{background:#202629!important;border-color:#aebbc7}
@media(prefers-reduced-motion:reduce){.business-screen .card-app-grid .os-icon .icon-tile{transition:none}.business-screen .card-app-grid .os-icon:hover .icon-tile{transform:none}}

/* HRI: original hardware, portrait-led white display, restrained brand red. */
:root{color-scheme:light;--hri-ink:#20242b;--hri-muted:#606772;--hri-red:#ba142a;--hri-bg:#f5f6f8}
html,body{background:var(--hri-bg)!important;color:var(--hri-ink)!important}
body:before,body:after{display:none!important}
.topbar{border-color:#20242b0c!important}.topbar .brand,.topbar button{color:var(--hri-ink)!important}.topbar button{background:#fff!important;border:1px solid #20242b12!important}
.intro h1{color:var(--hri-ink)!important;letter-spacing:-3px}.intro .eyebrow{color:var(--hri-red)!important}.intro .description,.specs span,.smallnote{color:var(--hri-muted)!important}.specs b{color:var(--hri-ink)!important}.intro .primary{background:var(--hri-red)!important;color:#fff!important}.intro .eyebrow span{background:var(--hri-red)!important}
.controls{color:var(--hri-ink)}.controls button{color:var(--hri-ink)!important;background:transparent!important}.controls .segmented{background:#fff!important;border:1px solid #20242b15!important;box-shadow:0 4px 18px #1b203308!important}.controls .segmented button.selected{background:#242830!important;color:#fff!important}.controls>button:hover{background:#e5e7eb!important}#hint,.object-label,footer,footer a{color:#606772!important}footer{border-color:#20242b0c!important}
.business-screen{--os-bg:#f5f6f8;--os-surface:#fff;--os-line:#232b3514;--os-text:#20242b;--os-muted:#606772;--page-ink:var(--os-text);--page-muted:var(--os-muted);--page-panel:#fff;--page-line:#232b3514;--page-red:#ba142a;--ios-blue:#ba142a;--ios-home-ink:#20242b;--ios-home-muted:#555e69;background:#fff;color:var(--os-text);color-scheme:light}
.business-screen[data-oswall=graphite]{--ios-home-ink:#20242b;--ios-home-muted:#555e69}
.business-screen[data-oswall=graphite] .wallpaper{background:#fff url('/pauline-gehrke.jpg') center -24px/100% auto no-repeat!important}
.business-screen[data-oswall=graphite] .wallpaper:after{display:block!important;content:'';position:absolute;inset:0;background:linear-gradient(to bottom,#fff0 0%,#fff0 29%,#ffffff16 36%,#ffffffdb 47%,#fff 57%);pointer-events:none}
.business-screen .card-home{grid-template-rows:310px 170px minmax(30px,1fr) 72px;inset:48px 0 27px;padding:0 20px}
.business-screen .card-identity-widget{position:relative;padding:0!important;justify-content:flex-end;align-items:center;text-align:center;color:#20242b!important}
.business-screen .card-identity-mark{position:absolute;top:-2px;left:0;width:111px!important;padding:0!important;margin:0!important}
.hri-logo-crop{position:relative;display:block;width:100%;aspect-ratio:2.45;overflow:hidden;background:#fff;mix-blend-mode:multiply}
.hri-logo-crop>img{position:absolute!important;width:115%!important;height:auto!important;max-width:none!important;left:-7.5%;top:-36%;mix-blend-mode:multiply}
.business-screen .identity-copy{display:flex;flex-direction:column;align-items:center;gap:5px;padding-bottom:20px;width:100%}
.business-screen .identity-eyebrow{font-size:7px;letter-spacing:1.4px;font-weight:650;color:#8b2231}
.business-screen .card-identity-widget strong{margin:0!important;font-size:29px;line-height:1.12;letter-spacing:-1px;font-weight:650}
.business-screen .identity-role{font-size:10px;line-height:1.5;color:#606772;font-weight:450}
.business-screen .card-app-grid .os-icon .icon-tile{background:#fff!important;border:1px solid #dce0e6!important;box-shadow:0 3px 9px #242a3507!important;color:#343c46}
.business-screen .card-app-grid .os-icon>span:last-child{color:#353e49!important;text-shadow:none!important;font-size:11px}
.business-screen .card-symbol .accent{stroke:#ba142a}
.business-screen .card-app-grid .os-icon.is-pressed .icon-tile{background:#f7e9ec!important;border-color:#c65f70!important}
.business-screen .card-app-grid .os-icon:focus-visible,.business-screen .card-identity-widget:focus-visible,.business-screen .card-home-meta button:focus-visible{outline-color:#ba142a!important}
.business-screen .card-home-meta{padding:0 0 6px!important;align-items:center}.business-screen .card-home-meta button{color:#606772;font-size:9px;min-height:30px;padding:8px 0}
.business-screen .card-home .os-dock{height:72px;min-height:72px;padding:10px 12px!important;background:#f0f2f5!important;border:1px solid #e5e8ed!important;box-shadow:inset 0 1px 0 #fff!important;border-radius:28px!important}
.business-screen .statusbar,.business-screen.in-app .statusbar,.business-screen.panel-open .statusbar,.business-screen .homebar,.business-screen.in-app .homebar,.business-screen.panel-open .homebar{color:#242830!important;font-weight:600}
.business-screen .business-view{background:#f5f6f8!important}.business-screen .business-view .card-button,.business-screen .os-panel .card-button{background:#e9ecf0!important;color:#303844!important}.business-screen .business-view .card-button.card-primary,.business-screen .os-panel .card-button.card-primary{background:#ba142a!important;color:#fff!important}
.business-screen .business-view .card-app-header>.app-back{background:#e9ecf0!important;color:#8b1526!important}.business-screen .card-app-header>span{color:#303844}
.business-screen .business-view input,.business-screen .business-view textarea,.business-screen select{background:#fff!important;color:#20242b!important;border-color:#d6dbe2!important;color-scheme:light}.business-screen input::placeholder,.business-screen textarea::placeholder{color:#68717d}
.business-screen .card-eyebrow{color:#9e2133!important}.business-screen .service-credential{display:block;color:#9e2133;font-size:10px;line-height:1.5;margin:4px 0 6px}.business-screen .service-item p{font-size:12px;line-height:1.6}.business-screen .service-item{padding:17px 16px}.business-screen .service-item+.service-item{border-top:1px solid #e8ebef}
.business-screen .contact-avatar{width:78px;height:78px;border-radius:50%;overflow:hidden;display:block;background:#fff!important;margin:auto}.business-screen .contact-avatar img{width:100%;height:100%;object-fit:cover;object-position:50% 24%;transform:scale(1.6);transform-origin:50% 26%}.business-screen .contact-identity h3{font-size:25px;letter-spacing:-.7px}.business-screen .contact-identity p{line-height:1.6}.business-screen .contact-row b{font-size:12px;overflow-wrap:anywhere}.business-screen .contact-location{display:block;font-size:11px;text-align:center;margin:18px 0;color:#606772}.business-screen .contact-row>svg{color:#ba142a}
.business-screen .about-portrait{height:215px;overflow:hidden;border-radius:20px;background:#fff;margin-bottom:22px}.business-screen .about-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 25%}
.business-screen .qr-card{background:#fff!important;color:#20242b!important;border:1px solid #e8ebef;box-shadow:0 4px 16px #20242b05}.business-screen .share-wordmark{width:140px!important;padding:0!important;background:transparent!important;border-radius:0!important;margin:8px auto 4px!important}.business-screen .share-person{font-size:14px;margin:0 0 4px}.business-screen .qr-card>span{font-size:9px!important;color:#606772!important}.business-screen[data-app=share] .qr-card{max-height:354px;padding:18px!important;gap:2px}
.business-screen .mail-ready{background:#e8f4ec;border:1px solid #cde4d5}.business-screen .mail-ready b{color:#245a39}.business-screen .mail-ready p{color:#386348}
.business-screen .os-panel{background:#f5f6f8!important}.business-screen .panel-close{background:#e9ecf0;color:#20242b}.business-screen .control-tile[aria-pressed=true]{border-color:#ba142a!important}.business-screen .control-tile svg,.business-screen .os-brightness svg,.business-screen .control-shortcuts svg{color:#ba142a}.business-screen .os-reset{color:#992336!important;background:#fff!important}
.business-screen .boot-lock{background:linear-gradient(to bottom,#ffffff1a,#ffffff00 55%,#ffffffed),url('/pauline-gehrke.jpg') center 110px/100% auto no-repeat,#fff!important}.business-screen .boot-time{color:#292e37!important;font-weight:350;font-size:64px;letter-spacing:-3px}.business-screen .boot-date,.business-screen .boot-lock-mark,.business-screen .boot-swipe-hint,.business-screen .boot-swipe-hint>span,.business-screen .boot-countdown{color:#363d47!important}.business-screen .boot-countdown{color:#606772!important}
.business-screen .lock-message{background:#fffffff2!important;color:#20242b!important}.business-screen .lock-message p{color:#606772!important}.business-screen .notification-icon{background:#ba142a!important;color:#fff;font-size:11px}.business-screen .lock-time,.business-screen .card-lock-brand{color:#20242b!important}
.business-screen .install-mark{background:#fff;border:1px solid #e6e9ee}.business-screen[data-contrast=true] .card-app-grid .os-icon .icon-tile,.business-screen[data-contrast=true] .card-home .os-dock{background:#fff!important;border-color:#56616e!important}.business-screen[data-contrast=true]{--os-muted:#3e4650;--ios-home-muted:#3e4650}
@media(hover:hover){.business-screen .card-app-grid .os-icon:hover .icon-tile{background:#f8f0f2!important;border-color:#ce9ca5!important}}
@media(max-width:800px){.topbar .brand span{font-size:8px;letter-spacing:.75px}.intro h1{letter-spacing:-1px}}
.business-screen[data-oswall=graphite] .wallpaper{background:linear-gradient(to bottom,#fff0 0%,#fff0 25%,#ffffffb3 37%,#fffffff5 45%,#fff 53%),url('/pauline-gehrke.jpg') center -24px/100% auto no-repeat,#fff!important}
.business-screen .card-identity-widget strong{color:#20242b!important}
.business-screen .card-app-grid .os-icon .icon-tile svg.card-symbol{color:#303844!important;stroke:#303844!important}
.business-screen .card-app-grid .os-icon .icon-tile svg.card-symbol .accent{stroke:#ba142a!important}
/* Keep the face below the clock/date and above the unlock instruction. */
.business-screen .boot-lock{background:linear-gradient(to bottom,#fff0 62%,#ffffffed 82%,#fff 91%),url('/pauline-gehrke.jpg') center 205px/100% auto no-repeat,#fff!important}