/* Approved concept: slate-blue rooms, architectural towers, living particles. */
.dascope-home{--rail-width:224px;--frame-offset:0px;background:#f3f3f1;color:#17283d}
.dascope-home::selection{background:#ffd4a1;color:#12243b}
.dascope-home .side-rail{left:var(--frame-offset);width:var(--rail-width);padding:42px 20px 26px;background:#0d1c2b;color:#dae3ed;border-right:1px solid #23374a}
.dascope-home .rail-brand{display:block;font-size:18px;letter-spacing:-.02em;color:#e8eff7}
.dascope-home .brand-mark{display:block;width:46px;height:46px;margin-bottom:22px;animation:none;color:#ff9f41}
.dascope-home .brand-mark svg{width:100%;height:100%}
.dascope-home .rail-label{font-size:10px;letter-spacing:.15em;color:#a2b2c2;margin:20px 0 56px;max-width:none}
.dascope-home .rail-link{border:0;padding:13px 16px;margin:5px -2px;gap:17px;border-radius:0 12px 12px 0;font-size:14px;transition:background 180ms ease-out,color 180ms ease-out}
.dascope-home .rail-link .ui-icon{width:21px;height:21px;flex:none}
.dascope-home .rail-link .nav-title{color:inherit;font-size:14px}
.dascope-home .rail-link.is-current{background:#1a2c3f;color:#fff;border-left:2px solid #ff9d35;padding-left:14px}
.dascope-home .rail-link.is-current>.ui-icon{color:#ff9d35}
.dascope-home .rail-bottom small{color:#a2b2c2}.dascope-home .rail-cta{padding:12px 0;background:transparent;border-radius:0;border-top:1px solid #3a4c5e;font-size:13px;font-weight:400}.dascope-home .motion-control{color:#b7c4d3;font-size:10px}
.dascope-home .home-main{width:calc(100% - var(--rail-width));max-width:none;margin-left:var(--rail-width);padding:16px 16px 0;container-type:inline-size}
.dascope-home .panel{border-radius:36px;margin-bottom:16px}
.dascope-home #start{min-height:0;padding:48px 56px 32px;background:#112840;background-image:radial-gradient(ellipse at 90% 14%,#23446c75,transparent 63%);border:0}
.dascope-home #start:before{display:none}.dascope-home #start .panel-top{position:relative;z-index:4;font-size:10px;letter-spacing:.16em;color:#d0daea}.dascope-home #start .panel-top>a{margin-left:auto;font-size:13px;color:#d0daea}
.dascope-home #start .hero-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;position:relative;margin:26px 0 0;min-height:460px}
.dascope-home #start .hero-text{text-align:left;margin:0;padding:40px 0 62px;max-width:none;animation:none}
.dascope-home #start .eyebrow{font-size:10px;line-height:1.5;letter-spacing:.12em;margin-bottom:20px;color:#c5d3e5;opacity:1}
.dascope-home #start h1{font-family:Manrope,sans-serif;font-size:clamp(44px,4.95cqw,76px);font-weight:600;line-height:1.07;letter-spacing:-.04em;margin:0;white-space:nowrap}
.dascope-home #start .warm-text{color:#ff9f40}.dascope-home #start h1 .muted-text{color:#b9cbe4}
.dascope-home #start .hero-description{font-size:clamp(17px,1.6cqw,23px);color:#dbe5f1;line-height:1.5;max-width:34ch;margin:22px 0 0}
.dascope-home #start .hero-buttons{justify-content:flex-start;gap:12px;flex-wrap:wrap;margin:26px 0 0}
.dascope-home #start .btn{font-size:12px;min-height:52px;padding:12px 20px;border-radius:28px;gap:18px;transition:transform 180ms ease-out,background 180ms ease-out}
.dascope-home #start .btn-white{background:#fffdf9;box-shadow:none}.dascope-home #start .btn-ghost{border-color:#adbed380!important;box-shadow:none}.dascope-home #start .btn:before{display:none}
.dascope-home #start .btn:active{transform:scale(.97)}
.dascope-home #start .neural-stage{position:absolute;right:-56px;top:-68px;bottom:-80px;width:55%;height:auto;max-width:none;margin:0;pointer-events:none;z-index:1}
.dascope-home #start #core-canvas{inset:0;width:100%;height:100%;z-index:1;opacity:1;mask-image:linear-gradient(90deg,transparent,#000 9%);transform:none}
.dascope-home #start .hero-assembly-canvas{z-index:1;opacity:.8}
.dascope-home #start .core-fallback{width:80%;height:80%;left:10%;top:10%;background:radial-gradient(ellipse,#65b2ff66,transparent 68%);box-shadow:none}
.dascope-home #start .direction-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));position:relative;z-index:4;margin-top:-4px;overflow:hidden;border-radius:26px;border:1px solid #577caa88;background:#223d59ed}
.dascope-home .direction-cell{position:relative;display:flex;min-height:192px;overflow:hidden;color:#fff;border-right:1px solid #6387b54d;transition:background 180ms ease-out}
.dascope-home .direction-cell:last-child{border-right:0}.dascope-home .direction-copy{position:relative;z-index:2;padding:32px 28px 24px;width:58%}
.dascope-home .direction-copy h2{font:600 clamp(18px,1.8cqw,25px)/1.2 Manrope,sans-serif;letter-spacing:-.025em;margin:0 0 14px;white-space:nowrap}
.dascope-home .direction-copy p{font-size:15px;line-height:1.5;color:#c5d5e8;margin:0}
.dascope-home .direction-arrow{display:block;margin-top:20px;color:#ffad48}.dascope-home .direction-arrow .ui-icon{width:25px;height:25px}
.dascope-home .direction-tower{position:absolute;right:20px;bottom:0;width:48%;height:auto;aspect-ratio:5/6;translate:0 40%;pointer-events:none;transition:transform 220ms ease-out}
.dascope-home .direction-tower .iso-tower{width:100%;height:100%;filter:drop-shadow(4px 8px 14px #041b3150)}
.dascope-home #start .scroll-hint{font-size:12px;align-items:center;gap:16px;color:#c5d5e8;margin-top:22px}.dascope-home .scroll-arrow{display:grid;place-items:center;width:32px;height:32px;border:1px solid #a1b6d5;border-radius:50%;animation:none}
.dascope-home #routine{padding:52px 42px 24px;background:#fdfdfc;color:#13243a}
.dascope-home #routine .section-intro{max-width:none;margin-bottom:20px}
.dascope-home #routine h2{font-family:Manrope,sans-serif;font-size:clamp(35px,4.3cqw,61px);font-weight:600;line-height:1.07;letter-spacing:-.035em}
.dascope-home #routine h2 .muted-text{color:#526f96}.dascope-home #routine .section-intro>p{font-size:18px;line-height:1.55;color:#35475d;max-width:none;margin-top:20px}
.dascope-home .routine-list{position:relative;z-index:3}.dascope-home .routine-row{display:grid;grid-template-columns:160px minmax(0,1fr) auto;gap:24px;align-items:center;min-height:168px;border-bottom:1px solid #d6dee7}
.dascope-home .routine-row:last-child{border:0}.dascope-home .routine-tower{height:160px}.dascope-home .routine-tower .iso-tower{width:100%;height:100%;transition:transform 220ms ease-out}
.dascope-home .routine-copy h3{font:600 clamp(20px,2.2cqw,29px)/1.2 Manrope,sans-serif;letter-spacing:-.025em;margin:0 0 10px}.dascope-home .routine-copy p{font-size:16px;line-height:1.6;color:#51647d;margin:0}
.dascope-home .routine-action{display:flex;align-items:center;gap:18px;font-size:14px;min-height:48px;color:#172c47;white-space:nowrap;padding:10px 0}.dascope-home .routine-action .ui-icon{width:22px;height:22px;transition:transform 180ms ease-out}
.dascope-home .routine-companion{position:absolute;right:-55px;bottom:-80px;width:300px;height:320px;z-index:0;pointer-events:none;opacity:.5}.dascope-home .routine-companion canvas{width:100%;height:100%}.dascope-home .routine-companion p{display:none}
.dascope-home .workflow-panel{padding:34px 42px 26px;background:#10273e;color:#f5f8fc}.dascope-home .workflow-panel h2{font:600 clamp(24px,3cqw,42px)/1.2 Manrope,sans-serif;letter-spacing:-.025em;margin:0 0 26px}
.dascope-home .workflow-line{display:flex;padding:0;margin:0;list-style:none;max-width:900px}.dascope-home .workflow-line li{display:flex;flex-direction:column;gap:12px;position:relative;flex:1;color:#d2deed;font-size:14px}.dascope-home .workflow-line li>span{width:62px;height:62px;border:1px solid #a1c5ed;border-radius:50%;display:grid;place-items:center;background:#152e47;z-index:1}.dascope-home .workflow-line .ui-icon{width:28px;height:28px}.dascope-home .workflow-line li:not(:last-child):after{content:'';position:absolute;left:80px;right:18px;top:30px;height:1px;background:#8ba4c3}.dascope-home .workflow-line li:first-child:after{background:#ffab46}.dascope-home .workflow-link{display:inline-block;color:#d2deed;font-size:13px;margin-top:20px;text-underline-offset:5px;text-decoration:underline}
@media(hover:hover) and (pointer:fine){.dascope-home .direction-cell:hover{background:#31516d}.dascope-home .direction-cell:hover .direction-tower{transform:translateY(-7px)}.dascope-home .routine-row:hover .routine-tower .iso-tower{transform:translateY(-4px)}.dascope-home .routine-action:hover .ui-icon{transform:translate(3px,-3px)}.dascope-home .rail-link:hover{padding-left:16px;background:#1a2c3f;color:#fff}}
@media(min-width:1101px) and (max-width:1350px){.dascope-home #start{padding:38px 40px 28px}.dascope-home #start .hero-layout{min-height:415px}.dascope-home #start h1{font-size:clamp(38px,4.7cqw,56px)}.dascope-home #start .neural-stage{right:-40px}.dascope-home .direction-copy{padding-left:16px}.dascope-home .direction-copy p{font-size:13px}.dascope-home .routine-row{grid-template-columns:124px 1fr auto;gap:16px}.dascope-home .routine-tower{height:135px}.dascope-home .routine-action{font-size:12px;gap:10px}}
@media(max-width:1100px){.dascope-home .side-rail{left:0;width:224px;transform:translateX(-105%)}.dascope-home .side-rail.is-open{transform:none}.dascope-home .home-main{width:100%;margin:0;padding:80px 12px 0;max-width:1680px}.dascope-home .mobile-bar{background:#0d1c2b;color:#e5edf6;border-bottom:1px solid #35506e}.dascope-home .mobile-brand{color:#e5edf6}.dascope-home .rail-trigger{background:#1a2c3f;color:#fff;border-color:#435f7c}.dascope-home .rail-trigger span{background:#e5edf6}.dascope-home #start h1{font-size:clamp(39px,5.2cqw,62px)}.dascope-home #start .hero-layout{min-height:425px}.dascope-home #start .hero-text{padding-bottom:44px}.dascope-home .rail-scrim{background:#071421aa}}
@media(max-width:760px){.dascope-home .home-main{padding:74px 8px 0}.dascope-home .panel{border-radius:26px;margin-bottom:10px}.dascope-home #start{padding:28px 28px 24px}.dascope-home #start .panel-top{font-size:8px;letter-spacing:.1em}.dascope-home #start .panel-top>a{font-size:10px}.dascope-home #start .hero-layout{display:flex;flex-direction:column;min-height:0;margin-top:0}.dascope-home #start .hero-text{width:100%;padding:32px 0 0;margin:0}.dascope-home #start .eyebrow{font-size:8px;margin-bottom:16px}.dascope-home #start h1{font-size:clamp(29px,7.8cqw,55px);line-height:1.14;letter-spacing:-.04em;white-space:normal}.dascope-home #start .hero-description{font-size:16px;margin-top:18px;max-width:30ch}.dascope-home #start .hero-description br{display:none}.dascope-home #start .hero-buttons{gap:8px;margin-top:20px}.dascope-home #start .btn{min-height:46px;padding:11px 16px;font-size:11px;gap:12px}.dascope-home #start .btn>span{font-size:19px}.dascope-home #start .neural-stage{position:relative;inset:auto;width:calc(100% + 56px);height:340px;flex:none;margin:-6px -28px -50px}.dascope-home #start #core-canvas{mask-image:none}.dascope-home #start .direction-strip{grid-template-columns:1fr;margin-top:0;border-radius:20px}.dascope-home .direction-cell{min-height:126px;border-right:0;border-bottom:1px solid #6387b54d}.dascope-home .direction-cell:last-child{border-bottom:0}.dascope-home .direction-copy{padding:24px 24px;width:70%}.dascope-home .direction-copy h2{font-size:21px;margin-bottom:8px}.dascope-home .direction-copy p{font-size:14px;line-height:1.45}.dascope-home .direction-copy p br{display:none}.dascope-home .direction-arrow{position:absolute;left:20px;bottom:16px;margin:0;display:none}.dascope-home .direction-tower{width:125px;right:12px}.dascope-home #start .scroll-hint{font-size:10px;gap:10px;margin-top:18px}.dascope-home .scroll-arrow{width:27px;height:27px}.dascope-home #routine{padding:32px 24px 16px}.dascope-home #routine h2{font-size:clamp(28px,7.2cqw,43px);line-height:1.13;letter-spacing:-.035em}.dascope-home #routine .section-intro>p{font-size:15px;line-height:1.55;margin-top:16px}.dascope-home .routine-row{grid-template-columns:76px minmax(0,1fr);gap:4px 14px;padding:18px 0;min-height:0}.dascope-home .routine-tower{height:110px;grid-row:span 2}.dascope-home .routine-copy h3{font-size:18px;line-height:1.3;margin-bottom:8px}.dascope-home .routine-copy p{font-size:13px;line-height:1.6}.dascope-home .routine-action{grid-column:2;font-size:12px;gap:12px;min-height:44px;padding:8px 0}.dascope-home .routine-companion{width:180px;height:230px;bottom:-60px;right:-40px;opacity:.3}.dascope-home .workflow-panel{padding:28px 24px}.dascope-home .workflow-panel h2{font-size:27px;line-height:1.2;margin-bottom:24px}.dascope-home .workflow-line{display:grid;grid-template-columns:1fr 1fr;gap:22px 20px}.dascope-home .workflow-line li{font-size:13px}.dascope-home .workflow-line li>span{width:48px;height:48px}.dascope-home .workflow-line li:not(:last-child):after{display:none}.dascope-home .workflow-link{margin-top:26px}}
@media(prefers-reduced-motion:reduce){.dascope-home .direction-tower,.dascope-home .routine-tower .iso-tower{transition:none;transform:none!important}}
.dascope-home.motion-paused .direction-tower,.dascope-home.motion-paused .routine-tower .iso-tower{transform:none!important}

/* Final inspection corrections. */
.dascope-home .mobile-brand span{color:#e5edf6}
.dascope-home .direction-tower .iso-tower,.dascope-home .routine-tower .iso-tower{animation:none}
@media(min-width:1101px){.dascope-home #start .hero-layout{min-height:420px}.dascope-home #start .hero-text{padding:30px 0 48px}}
@media(max-width:1100px){.dascope-home .mobile-bar{position:fixed;inset:0 0 auto;height:58px;padding:0 18px}.dascope-home .mobile-brand span{font-size:12px;font-weight:600;color:#e5edf6}}

/* One coordinate system at every desktop width: left rail + remaining viewport. */
body.dascope-home{max-width:none;margin:0}
@media(min-width:761px) and (max-width:1000px){
 .dascope-home #start .direction-strip{grid-template-columns:1fr}
 .dascope-home #start .direction-cell{min-height:150px;border-right:0;border-bottom:1px solid #6387b54d}
 .dascope-home #start .direction-cell:last-child{border-bottom:0}
 .dascope-home .direction-tower{width:150px;right:16px}
}
@media(min-width:1681px){
 .dascope-home #start .hero-layout{min-height:clamp(420px,27cqw,720px)}
 .dascope-home #start h1{font-size:clamp(68px,4.95cqw,96px)}
 .dascope-home #start .hero-description{font-size:clamp(23px,1.4cqw,28px)}
 .dascope-home #start .btn{font-size:clamp(13px,.8cqw,16px);padding:14px 24px;min-height:58px}
 .dascope-home #start .direction-cell{min-height:clamp(192px,12cqw,270px)}
 .dascope-home .direction-copy{padding:36px 36px}
 .dascope-home .direction-copy h2{font-size:clamp(25px,1.5cqw,30px)}
 .dascope-home .direction-copy p{font-size:clamp(15px,.9cqw,19px)}
 .dascope-home .direction-tower{width:44%;max-width:300px;right:24px}
 .dascope-home #routine .section-intro>p{font-size:20px}
 .dascope-home .routine-row{grid-template-columns:180px minmax(0,1fr) auto;min-height:190px;gap:32px}
 .dascope-home .routine-tower{height:176px}
 .dascope-home .routine-copy p{font-size:18px}
 .dascope-home .routine-action{font-size:16px}
}
