#features.daylight-engine *{box-sizing:border-box}
#features.daylight-engine .heading{display:flex;justify-content:space-between;align-items:center;gap:70px;margin-bottom:48px}
#features.daylight-engine .tag{display:inline-block;padding:9px 15px;border-radius:30px;background:#edf1ec;color:#68766b;font-size:11px;letter-spacing:.02em}
#features.daylight-engine .daylight-title{font-weight:500;font-size:43px;line-height:1.15;letter-spacing:-2px;margin:21px 0 22px}
#features.daylight-engine .daylight-title span{color:#87938a}
#features.daylight-engine .intro{max-width:300px;font-size:14px;line-height:1.8;color:#7b837d}
#features.daylight-engine .explore{display:inline-flex;align-items:center;gap:25px;background:#24392e;color:white;border-radius:7px;padding:13px 17px;font-size:12px;text-decoration:none}
#features.daylight-engine .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
#features.daylight-engine .visual{height:460px;border-radius:13px;position:relative;overflow:hidden;isolation:isolate;display:flex;align-items:center;justify-content:center}
#features.daylight-engine .scan{background:radial-gradient(ellipse at 20% 70%,#e1c4ae 0,transparent 40%),radial-gradient(ellipse at 90% 98%,#2d5979 0,transparent 50%),radial-gradient(ellipse at 5% 5%,#a3dbe8 0,transparent 65%),#cae1e5}
#features.daylight-engine .score{background:radial-gradient(ellipse at 20% 0%,#a7ba5d 0,transparent 48%),radial-gradient(ellipse at 72% 40%,#e1f0e9 0,transparent 45%),radial-gradient(ellipse at 90% 100%,#214e37 0,transparent 58%),#a3bec0}
#features.daylight-engine .rotate{background:radial-gradient(ellipse at 0 0,#ffc16b 0,transparent 60%),radial-gradient(ellipse at 85% 20%,#424c43 0,transparent 50%),radial-gradient(ellipse at 35% 90%,#9c3616 0,transparent 45%),#ec781f}
#features.daylight-engine .visual:before{content:"";position:absolute;inset:0;opacity:.15;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' opacity='.5' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}
#features.daylight-engine .rings{position:absolute;width:450px;height:450px;border:1px solid #ffffff22;border-radius:50%;z-index:-1}
#features.daylight-engine .rings:before,#features.daylight-engine .rings:after{content:"";position:absolute;inset:47px;border:1px solid #ffffff22;border-radius:50%}
#features.daylight-engine .rings:after{inset:95px}
#features.daylight-engine .brand{position:absolute;top:22px;left:23px;font-size:10px;color:#ffffffb0;display:flex;gap:7px;align-items:center}
#features.daylight-engine .index{position:absolute;top:22px;right:23px;font-size:10px;color:#ffffffb0}
#features.daylight-engine .glass{width:258px;padding:8px;border:1px solid #ffffff55;background:#ffffff30;border-radius:22px;backdrop-filter:blur(18px);box-shadow:0 24px 50px #173b3b21;transform:translateY(18px);transition:transform .5s}
#features.daylight-engine .visual:hover .glass{transform:translateY(10px)}
#features.daylight-engine .glass-label{font-size:11px;font-weight:500;padding:9px 9px 15px;color:#fff;display:flex;gap:8px;align-items:center}
#features.daylight-engine .panel{background:#ffffffef;border:1px solid #fff;border-radius:16px;padding:18px;color:#33473b}
#features.daylight-engine .panel-header{display:flex;align-items:center;justify-content:space-between;font-size:10px;margin-bottom:17px}
#features.daylight-engine .status{font-size:8px;background:#edf4ec;padding:5px 7px;border-radius:15px;color:#52765a}
#features.daylight-engine .dot{width:5px;height:5px;border-radius:50%;background:#759b71;display:inline-block;margin-right:5px}
#features.daylight-engine .daylight-metric{font-size:30px;letter-spacing:-1.3px}
#features.daylight-engine .muted{font-size:9px;color:#95a097;line-height:1.7}
#features.daylight-engine .chart{width:100%;height:62px;margin:10px 0}
#features.daylight-engine .chips{display:flex;gap:6px}
#features.daylight-engine .chips span{font-size:8px;padding:5px 9px;border:1px solid #e2e9e3;border-radius:14px;color:#819184}
#features.daylight-engine .glass-footer{text-align:center;font-size:9px;color:#ffffffd9;padding:12px 0 4px}
#features.daylight-engine .rank{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #e9eeea}
#features.daylight-engine .rank:last-child{border:0;padding-bottom:3px}
#features.daylight-engine .rank:first-child{padding-top:0}
#features.daylight-engine .symbol{width:30px;height:30px;background:linear-gradient(135deg,#e1e7d3,#94a891);border:1px solid #fff;border-radius:50%;display:grid;place-items:center;font-size:10px;color:#486149}
#features.daylight-engine .rank:nth-child(2) .symbol{background:linear-gradient(135deg,#d2e8ed,#8ba7af)}
#features.daylight-engine .rank:nth-child(3) .symbol{background:linear-gradient(135deg,#ece1cf,#c1ad92)}
#features.daylight-engine .name{font-size:11px;font-weight:500;flex:1}
#features.daylight-engine .name small{display:block;font-size:8px;color:#97a197;margin-top:5px;font-weight:400}
#features.daylight-engine .rank-value{font-size:12px;color:#567751}
#features.daylight-engine .rank-value small{display:block;font-size:7px;color:#929e94;margin-top:5px;text-align:right}
#features.daylight-engine .route{display:flex;align-items:center;justify-content:space-between;padding:12px 0 19px}
#features.daylight-engine .coin{display:flex;align-items:center;gap:8px;font-size:12px}
#features.daylight-engine .coin b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#edf1e8;font-size:16px;font-weight:500}
#features.daylight-engine .transfer{font-size:12px;color:#9aaa9c}
#features.daylight-engine .details{border-top:1px solid #e8eee7;padding:13px 0;display:flex;justify-content:space-between;font-size:9px;color:#919b91}
#features.daylight-engine .details strong{color:#4b6150;font-weight:500}
#features.daylight-engine .confirmed{background:#edf2e9;border:1px solid #e0e9db;padding:11px;border-radius:10px;text-align:center;font-size:10px;color:#56754f}
#features.daylight-engine .caption h2{font-size:16px;font-weight:500;margin:20px 0 10px;letter-spacing:-.3px}
#features.daylight-engine .caption p{font-size:13px;line-height:1.85;color:#7c857e;margin:0}
#features.daylight-engine .preview-note{font-size:10px;color:#a2aaa4;margin-top:36px;display:flex;justify-content:space-between}
#features.daylight-engine .icon{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
#features.daylight-engine .rotate .glass{width:275px;transform:translate(25px,18px)}
#features.daylight-engine .rotate:hover .glass{transform:translate(25px,10px)}
@media(min-width:1500px){#features.daylight-engine .visual{height:490px}
}
@media(max-width:850px){#features.daylight-engine .heading{gap:20px}
#features.daylight-engine .daylight-title{font-size:35px}
#features.daylight-engine .grid{gap:12px}
#features.daylight-engine .visual{height:360px}
#features.daylight-engine .glass{width:90%}
#features.daylight-engine .rotate .glass{width:90%;transform:translateY(18px)}
#features.daylight-engine .brand{left:15px}
#features.daylight-engine .index{right:15px}
}
@media(max-width:650px){#features.daylight-engine .heading{display:block}
#features.daylight-engine .intro{max-width:none;margin-top:25px}
#features.daylight-engine .grid{grid-template-columns:1fr;gap:32px}
#features.daylight-engine .visual{height:450px}
#features.daylight-engine .glass,#features.daylight-engine .rotate .glass{width:260px}
#features.daylight-engine .preview-note{line-height:1.7;gap:20px}
}
#features.daylight-engine .daylight-title{font-size:clamp(30px,3vw,44px);font-weight:450;line-height:1.2;letter-spacing:-.05em}
#features.daylight-engine .daylight-title span{color:#858e86}
#features.daylight-engine .intro{font-size:15px;color:#6f796f}
#features.daylight-engine .caption h2{font-size:17px;font-weight:500}
#features.daylight-engine .caption p{font-size:15px;line-height:1.8;color:#727e70}
#features.daylight-engine .concept-nav{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px 0 30px;color:#7b857e;font-size:11px}
#features.daylight-engine .concept-nav a{color:inherit;text-decoration:none}
#features.daylight-engine .concept-nav a:hover{color:#202321}
#features.daylight-engine .concept-nav span{display:flex;gap:18px}
#features.daylight-engine .concept-nav strong{font-weight:500;color:#354d3e}
@media(max-width:900px){#features.daylight-engine .intro,#features.daylight-engine .caption p{font-size:13px}
#features.daylight-engine .caption h2{font-size:15px}
}
@media(max-width:680px){#features.daylight-engine .daylight-title{font-size:31px;line-height:1.23}
#features.daylight-engine .intro,#features.daylight-engine .caption p{font-size:14px}
#features.daylight-engine .caption h2{font-size:17px}
#features.daylight-engine .concept-nav{align-items:flex-start}
#features.daylight-engine .concept-nav span{gap:12px}
}
#features.daylight-engine .visual{height:440px;border-radius:0;background:linear-gradient(155deg,#599bd2,#b7d6ec);align-items:center}
#features.daylight-engine .visual:before{opacity:1;background:linear-gradient(90deg,#ffffff13 0 42%,transparent 42%) 0 0/100% 35px no-repeat,linear-gradient(90deg,#ffffff12 0 27%,transparent 27%) 0 70px/100% 38px no-repeat,linear-gradient(90deg,transparent 0 60%,#ffffff16 60%) 0 85%/100% 52px no-repeat}
#features.daylight-engine .brand,#features.daylight-engine .index{color:#fff}
#features.daylight-engine .rings{display:none}
#features.daylight-engine .glass{width:85%;border-radius:18px;background:#e3f0ff33;border:1px solid #ffffff88;box-shadow:0 15px 30px #254e7620;padding:8px}
#features.daylight-engine .glass-label{color:#fff}
#features.daylight-engine .panel{border-radius:12px;background:#fff;padding:18px}
#features.daylight-engine .panel-header{font-size:12px}
#features.daylight-engine .rank .name{font-size:11px}
#features.daylight-engine .rank-value{color:#5988ae}
#features.daylight-engine .status{color:#487193;background:#edf4fa}
#features.daylight-engine .symbol{background:#e7f0f8!important;color:#5a819f}
#features.daylight-engine .glass-footer{color:#f5fbff}
#features.daylight-engine .chips span{color:#7a8d9d}
#features.daylight-engine .rotate .glass,#features.daylight-engine .rotate:hover .glass{transform:translateY(18px);width:85%}
#features.daylight-engine .heading{align-items:flex-end}
#features.daylight-engine .intro{margin-bottom:22px}
#features.daylight-engine .explore{background:#202321}
#features.daylight-engine .tag{background:transparent;padding-left:0;color:#657a8d}
#features.daylight-engine .tag:before{content:'✳';color:#5d9ccd;margin-right:8px}
#features.daylight-engine .caption h2{display:flex;gap:9px;align-items:center}
#features.daylight-engine .caption h2:before{content:'↗';color:#698bac;font-size:17px}
#features.daylight-engine .caption:nth-child(3) h2:before{content:'↻'}
#features.daylight-engine .stack{width:85%;display:grid;gap:15px;transform:translateY(14px)}
#features.daylight-engine .toast{padding:9px;background:#ffffff38;border:1px solid #ffffff80;border-radius:17px;box-shadow:0 13px 28px #3358771a;position:relative}
#features.daylight-engine .toast-inner{background:#fff;border-radius:10px;padding:17px}
#features.daylight-engine .toast-heading{display:flex;gap:8px;align-items:center;justify-content:space-between;font-size:11px}
#features.daylight-engine .toast-heading small{font-size:8px;padding:5px;border-radius:3px;background:#f5f7f8;color:#89949b}
#features.daylight-engine .toast p{font-size:10px;color:#8a969d;line-height:1.8;margin:12px 0 0}
#features.daylight-engine .pill-row{display:flex;gap:6px;margin-top:12px}
#features.daylight-engine .pill-row span{font-size:8px;padding:5px 7px;border-radius:4px;background:#f0f5f8;color:#7891a5}
#features.daylight-engine .trace{font-size:10px;display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #edf1f4;color:#929da5}
#features.daylight-engine .trace b{font-weight:500;color:#435f75}
#features.daylight-engine .trace:last-child{border:0}
#features.daylight-engine .cursor{position:absolute;bottom:51px;right:24px;background:#1f292f;border:2px solid white;color:white;border-radius:30px;padding:7px 14px;font-size:10px;box-shadow:0 6px 12px #23456230}
#features.daylight-engine .cursor:before{content:'➤';position:absolute;left:-16px;top:-21px;color:#202a30;font-size:26px;transform:rotate(-115deg);filter:drop-shadow(0 1px 1px white)}
@media(max-width:650px){#features.daylight-engine .visual{height:440px}
#features.daylight-engine .glass,#features.daylight-engine .rotate .glass,#features.daylight-engine .stack{width:290px;max-width:85%}
}
#features.daylight-engine .visual{border-radius:20px;background:linear-gradient(180deg,#c4dcfc,#d7e2ed 52%,#fbe9d8)}
#features.daylight-engine .score{background:#c3ddfa}
#features.daylight-engine .rotate{background:linear-gradient(160deg,#ffcfbd,#dedbeb 52%,#beddfa)}
#features.daylight-engine .brand,#features.daylight-engine .index{color:#7a94ac}
#features.daylight-engine .tag{background:#f0f4f4;padding:9px 15px;border-radius:30px}
#features.daylight-engine .tag:before{display:none}
#features.daylight-engine .glass{background:#ffffff55;border-color:#fff9;box-shadow:0 8px 24px #5c75922b}
#features.daylight-engine .glass-label{color:#66839a}
#features.daylight-engine .glass-footer{color:#7e92a2}
#features.daylight-engine .panel{border-radius:12px}
#features.daylight-engine .stack{gap:26px}
#features.daylight-engine .toast{background:#fff7;border-color:#fff9;box-shadow:0 4px 12px #6482a21a;padding:4px}
#features.daylight-engine .toast-inner{border-radius:12px;padding:16px}
#features.daylight-engine .stack .toast+.toast:before{content:'';position:absolute;height:26px;border-left:2px dotted #fff;left:50%;top:-28px}
#features.daylight-engine .end-node{width:40px;height:40px;border-radius:50%;background:#273c32;color:white;display:grid;place-items:center;margin:0 auto;position:relative;box-shadow:0 5px 10px #273c3220;font-size:18px}
#features.daylight-engine .end-node:before{content:'';position:absolute;height:26px;border-left:2px dotted white;left:50%;top:-26px}
#features.daylight-engine .agent-scene{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}
#features.daylight-engine .orbit{position:absolute;width:300px;height:300px;border:1px solid #ffffff88;border-radius:50%;transform:rotate(-25deg) scaleY(.7)}
#features.daylight-engine .orbit.second{transform:rotate(40deg) scaleY(.7);width:340px;height:340px}
#features.daylight-engine .orb{position:relative;display:grid;place-items:center;width:160px;height:160px;border-radius:43px;background:linear-gradient(135deg,#ffffff,#e4eef2 40%,#a9c4cd);border:1px solid white;box-shadow:inset 3px 3px 8px #fff, inset -8px -8px 16px #799fac40,14px 28px 40px #527c9f33;transform:rotate(-8deg);font-size:89px;font-weight:450;color:#49705d;text-shadow:1px 2px white}
#features.daylight-engine .float-label{position:absolute;top:75px;left:30px;background:#ffffffd9;padding:11px 14px;border:1px solid white;border-radius:10px;color:#6c8493;font-size:10px;box-shadow:0 6px 14px #688da814}
#features.daylight-engine .float-label.lower{top:auto;bottom:73px;left:auto;right:26px;color:#507460}
#features.daylight-engine .agent-title{position:absolute;bottom:26px;text-align:center;font-size:11px;color:#63829b}
#features.daylight-engine .agent-title small{display:block;font-size:9px;margin-top:5px;color:#819bb0}
#features.daylight-engine .caption h2:before{color:#74938a}
#features.daylight-engine .cursor{background:#314e3e}
#features.daylight-engine .explore{border-radius:30px}

#features.daylight-engine{font-family:var(--font);color:#202321;padding-bottom:80px}
#features.daylight-engine .brand{font-weight:400;letter-spacing:0;line-height:normal}
#features.daylight-engine .heading{padding:0;border:0;background:none;min-height:0}
#features.daylight-engine .caption p{margin:0}
#features.daylight-engine .daylight-title{margin:21px 0 22px}
#features.daylight-engine .concept-disclosure{text-align:right;font-size:10px;color:#a2aaa4;margin:20px 0 0}
@media(max-width:680px){#features.daylight-engine{padding-bottom:62px}}