/* Approved compact glass concept, 19 September 2026. */
:root{color-scheme:dark;--nevo-ice:#bceaff;--nevo-blue:#63b8ff;--nevo-night:#02070d}
body.nevo-glass{background:#02070d;color:#f4f8fc;font-family:Manrope,sans-serif;--gold:#a5dfff;--white:#f4f8fc;--muted:#a7bbcd}
.nevo-glass ::selection{background:#b9e8ff;color:#03111f}
.nevo-glass :focus-visible{outline:2px solid #bceaff;outline-offset:5px}
.nevo-glass input{caret-color:#bceaff}
.nevo-glass .ambient-stars,.nevo-glass .nevo-route-mark,.nevo-glass .nevo-route-line{display:none}
.nevo-glass .site-shell{width:100%;max-width:1536px;padding:0;margin:auto;overflow:visible}
.nevo-glass .header{height:80px;margin:0 5%;padding:0;position:relative;border-bottom:1px solid #b5e4ff12;display:flex;align-items:center;justify-content:space-between;gap:24px;z-index:3}
.nevo-glass .brand{display:flex;align-items:center;gap:20px;font-size:30px;font-weight:500;letter-spacing:-.8px;color:#fff}
.nevo-glass .choice-logo{width:54px;height:34px;stroke:currentColor;stroke-width:1.5;fill:none}
.nevo-glass .header nav{position:absolute;top:auto;left:50%;right:auto;transform:translateX(-50%);width:auto;height:auto;display:flex;align-items:center;gap:5px;padding:7px;border:0;border-radius:40px;background:#020a128c;box-shadow:inset 0 1px 0 #bceaff03}
.nevo-glass .header .nav-item{font:400 16px Manrope,sans-serif;color:#e9f4ff;text-decoration:none;padding:10px 21px;border:0;border-radius:24px;white-space:nowrap;background:transparent;line-height:1.4;transition:background .2s}
.nevo-glass .header .nav-item:after{display:none}
.nevo-glass .header .nav-item.active,.nevo-glass .header .nav-item:hover{background:#0b1c29a6;color:white;box-shadow:0 3px 9px #0008}
.nevo-glass .account-button{border:1px solid #e9f4ff;padding:8px 32px;min-height:44px;border-radius:28px;color:#fff;font-size:17px;background:#0004;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nevo-glass .glass-main{display:block;min-height:0;margin:0;padding:0;position:relative;background:radial-gradient(ellipse at 65% 68%,#0630556b,transparent 59%)}
.nevo-glass .glass-hero{position:relative;aspect-ratio:1536/665;width:100%;background:radial-gradient(ellipse at 73% 32%,#073567 0,transparent 46%),radial-gradient(ellipse at 70% 94%,#064471 0,transparent 32%),#01060c}
.nevo-glass .hero-copy{position:absolute;left:5.25%;top:14%;z-index:1}
.nevo-glass .hero-eyebrow{display:flex;align-items:center;gap:17px;font-size:clamp(13px,1.3vw,20px);letter-spacing:.05em;color:#c5f3ff;margin:0 0 43px}
.nevo-glass .hero-eyebrow svg{width:36px;height:36px;stroke-width:1.5}
.nevo-glass .hero-copy h1{font-size:clamp(40px,4.17vw,64px);line-height:1.02;font-weight:800;letter-spacing:-.035em;margin:0 0 17px;text-transform:none;max-width:660px}
.nevo-glass .hero-copy h1 span{color:#c0ecff}
.nevo-glass .hero-subtitle{margin:0 0 15px;font-size:clamp(20px,2vw,31px);font-weight:650;line-height:1.35;letter-spacing:-.025em;color:#f4f7fb}
.nevo-glass .hero-description{margin:0;font-size:clamp(17px,1.65vw,25px);line-height:1.4;font-weight:400;color:#cce7f5;letter-spacing:-.03em}
.nevo-glass .hero-uses{display:flex;list-style:none;padding:0;gap:42px;margin:56px 0 0;color:#b9e7f7}
.nevo-glass .hero-uses li{display:flex;align-items:center;gap:15px;font-size:19px}
.nevo-glass .hero-uses svg{width:36px;height:36px;stroke-width:1.4;fill:none}
.nevo-glass .hero-phone-mobile{display:none}
.nevo-glass .glass-order{position:relative;display:grid;grid-template-columns:1.05fr 1.05fr .71fr;gap:0;align-items:start;margin:0 4.5%;padding:20px 3.8% 31px;max-width:none;width:auto;min-height:148px;border-radius:59px;border:1px solid #abdfff;background:linear-gradient(175deg,#0b294135,#01070ce8 33%,#020a12f2 78%,#0c233b88);box-shadow:inset 0 2px 3px #a6e4ff59,inset 1px -2px 4px #67bcff4d,0 12px 17px #000e,0 19px 29px -21px #62b9ff;overflow:visible;backdrop-filter:blur(12px)}
.nevo-glass .glass-order:before,.nevo-glass .glass-order:after{content:'';position:absolute;width:37px;height:3px;pointer-events:none;background:#e9faff;box-shadow:0 0 8px 3px #39a7ff;transform:rotate(-4deg);border-radius:100%}
.nevo-glass .glass-order:before{left:3%;top:0}.nevo-glass .glass-order:after{right:3%;bottom:0}
.nevo-glass .glass-order label{display:block;margin:0 0 10px;font-size:17px;line-height:24px;font-weight:500;color:#f4f8fc}
.nevo-glass .glass-recipient{padding-right:28px;min-width:0}
.nevo-glass .glass-quantity{padding:0 28px;border-left:1px solid #bcced74a;min-width:0}
.nevo-glass .glass-payment{padding-left:28px;border-left:1px solid #bcced74a;min-width:0}
.nevo-glass .glass-recipient-controls{display:flex;gap:12px;align-items:start}
.nevo-glass .recipient-shell{position:relative;min-width:0;flex:1}
.nevo-glass .glass-order .recipient-field{height:58px;min-height:58px;margin:0;padding:0 15px;border:1px solid #91a8ba7a;border-radius:10px;background:linear-gradient(150deg,#0c1c29bb,#0009);box-shadow:inset 0 1px 2px #a1c5df0c;display:flex;align-items:center;gap:3px}
.nevo-glass .glass-order input{background:transparent;color:#fff;font:400 19px Manrope,sans-serif;border:0;min-width:0;padding:0;box-shadow:none}
.nevo-glass .glass-order input::placeholder{color:#9bacbb;opacity:1}
.nevo-glass .recipient-field input{width:100%;height:100%}
.nevo-glass .recipient-field>span{font-size:23px;color:#c8d9e8}
.nevo-glass .self-button{height:58px;min-width:88px;padding:0 18px;border:1px solid #337fa2;border-radius:9px;background:#01060b;color:#f7fbff;font-size:17px}
.nevo-glass .recipient-preview{min-height:0;margin:0;padding:0;background:none;border:0;display:flex;gap:12px;align-items:center;color:#c2e4f5}
.nevo-glass .recipient-preview:empty{display:none}
.nevo-glass .recipient-preview:not(:empty){padding-top:9px;font-size:12px}
.nevo-glass .recipient-preview strong{font-size:15px;color:#fff}
.nevo-glass .recipient-preview small{font-size:11px;color:#b9daed;line-height:1.35}
.nevo-glass .recipient-shell.has-recipient:not(.recipient-editing) .recipient-field{color:transparent}
.nevo-glass .recipient-shell.has-recipient:not(.recipient-editing) .recipient-field>*{opacity:0}
.nevo-glass .recipient-shell.has-recipient:not(.recipient-editing) .recipient-preview{position:absolute;inset:0 37px auto 10px;height:58px;padding:0;pointer-events:none;overflow:hidden}
.nevo-glass .recipient-shell.has-recipient .recipient-preview>div{min-width:0}
.nevo-glass .recipient-shell.has-recipient .recipient-preview strong,.nevo-glass .recipient-shell.has-recipient .recipient-preview small{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.nevo-glass .recipient-avatar{width:38px;height:38px;min-width:38px;border-radius:50%;background:linear-gradient(135deg,#c4f5ff,#209cea);color:#001427;font-size:22px}
.nevo-glass .recipient-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.nevo-glass .recipient-edit{position:absolute;right:10px;top:16px;color:#d7eaff;z-index:1;width:27px;height:27px;padding:2px}
.nevo-glass .recipient-edit svg{width:23px;height:23px;stroke-width:1.2;fill:none}
.nevo-glass .recipient-editing .recipient-edit{display:none}
.nevo-glass .glass-presets{display:grid;grid-template-columns:repeat(4,1fr) 1.15fr;gap:9px}
.nevo-glass .glass-presets button{height:58px;min-width:0;padding:0 7px;border:1px solid #98a9b375;border-radius:10px;background:linear-gradient(145deg,#0b182369,#0009);color:#f4f8fc;font-size:17px;font-weight:400;transition:background .18s,border-color .18s;white-space:nowrap}
.nevo-glass .glass-presets button:hover,.nevo-glass .self-button:hover{border-color:#b6eaff;background:#08243b}
.nevo-glass .glass-presets button.selected{border-color:#b2ddff;background:linear-gradient(145deg,#0b427d,#092944 66%,#105090);box-shadow:inset 0 1px 4px #a8e6ff85,0 1px 7px #42a7ff55;color:#fff}
.nevo-glass .glass-custom{margin-top:12px}
.nevo-glass .glass-custom[hidden]{display:none}
.nevo-glass .glass-order .quantity-control{height:44px;margin:0;border:1px solid #6ca4c8;border-radius:8px;display:flex;background:#04101b}
.nevo-glass .glass-order .quantity-control input{font-size:19px;width:100%;text-align:center}
.nevo-glass .glass-order .quantity-control button{width:40px;color:#bceaff;font-size:24px}
.nevo-glass .glass-order .choice-total{display:flex;align-items:baseline;justify-content:flex-start;gap:8px;margin:0 0 10px;padding:0;border:0;height:24px;font-size:17px}
.nevo-glass .glass-order .choice-total>span{font-size:17px;color:#f4f8fc}
.nevo-glass .glass-order .choice-total strong{font-size:19px;font-weight:500;letter-spacing:0;color:#fff}
.nevo-glass .total-dot{display:none}
.nevo-glass .glass-order .purchase-button{width:100%;height:58px;min-height:58px;margin:0;padding:0 17px;border-radius:12px;border:1px solid #d3f4ff;background:linear-gradient(125deg,#d7f4ff 0%,#75c7ff 22%,#a5e3ff 44%,#43adff 73%,#92deff 100%);box-shadow:inset 0 2px 3px #edfbffb3,inset 0 -2px 3px #2f8ede;display:flex;justify-content:space-between;gap:10px;align-items:center;color:#021422;font-size:23px;letter-spacing:-.025em;font-weight:800;white-space:nowrap}
.nevo-glass .glass-order .purchase-button:before,.nevo-glass .glass-order .purchase-button:after{display:none}
.nevo-glass .glass-order .purchase-button svg{height:27px;width:27px;stroke-width:2.2;fill:none}
.nevo-glass .glass-order .purchase-button:hover{filter:brightness(1.12);transform:translateY(-1px)}
.nevo-glass .glass-order .purchase-button:disabled{opacity:.55;transform:none;cursor:not-allowed}
.nevo-glass .field-error{height:auto;min-height:0;margin:0;color:#ffabb4;font-size:12px;line-height:1.5}
.nevo-glass .field-error:not(:empty){margin-top:7px}
.nevo-glass .glass-form-extras{margin:16px 8.3% 0;display:flex;justify-content:space-between;gap:15px;align-items:start;color:#91b2c9}
.nevo-glass .glass-form-extras .demo-note{font-size:12px;margin:0;color:#9abbd2;text-align:right}
.nevo-glass .glass-promo{font-size:12px;max-width:440px}
.nevo-glass .glass-promo .text-button{margin:0;font-size:12px;color:#a2c6df;min-height:24px}
.nevo-glass .glass-promo #promo-field{margin-top:8px}
.nevo-glass .glass-promo #promo-field[hidden]{display:none}
.nevo-glass .glass-promo #promo-field input{background:#061523;color:white;border:1px solid #49748f;border-radius:6px}
.nevo-glass .glass-promo #apply-promo{color:#bceaff}
.nevo-glass .hero-help{display:flex;align-items:center;justify-content:center;gap:42px;padding:21px 5% 40px;flex-wrap:wrap}
.nevo-glass .hero-help>a,.nevo-glass .hero-help>button{display:flex;gap:13px;align-items:center;color:#b5d4e9;text-decoration:none;font-size:15px;min-height:36px}
.nevo-glass .hero-help svg{width:27px;height:27px;stroke-width:1.3;fill:none}
.nevo-glass .choice-reviews{margin:25px 5% 50px;border-top:1px solid #94c2dd26;padding-top:40px}
.nevo-glass .choice-reviews-heading h2{color:#e9f4ff;font-size:24px}
.nevo-glass .choice-review-list{display:flex;gap:24px;overflow-x:auto;scrollbar-color:#3e6986 #08121d;scrollbar-width:thin;padding-bottom:15px}
.nevo-glass .choice-review{flex:1;min-width:260px;background:#06121c;border-color:#1d3649;color:#cce0ef}
.nevo-glass .choice-reviews a{color:#a8dfff}
.nevo-glass footer{margin:0 5%;border-color:#253745;color:#91acc1}
.nevo-glass .view:not(#buy-view){margin:0 5%}
.nevo-glass dialog{background:#07131e;border-color:#35536a;color:#f3f8ff}
@media(min-width:1537px){.nevo-glass{background:radial-gradient(ellipse at 63% 0,#092944,#02070d 65%)}}
@media(max-width:1200px) and (min-width:761px){
 .nevo-glass .header{height:72px}.nevo-glass .brand{font-size:24px;gap:12px}.nevo-glass .header .nav-item{font-size:14px;padding:8px 12px}.nevo-glass .account-button{padding:7px 20px;font-size:14px}
 .nevo-glass .hero-eyebrow{margin-bottom:26px}.nevo-glass .hero-copy{top:11%}.nevo-glass .hero-uses{margin-top:32px;gap:25px}.nevo-glass .hero-uses li{font-size:15px;gap:9px}.nevo-glass .hero-uses svg{width:29px}
 .nevo-glass .glass-order{padding:20px 27px 24px;border-radius:42px;min-height:130px}.nevo-glass .glass-recipient{padding-right:16px}.nevo-glass .glass-quantity{padding:0 16px}.nevo-glass .glass-payment{padding-left:16px}
 .nevo-glass .glass-presets{gap:5px}.nevo-glass .glass-presets button{font-size:14px;padding:0 4px}.nevo-glass .self-button{min-width:57px;padding:0 11px;font-size:14px}.nevo-glass .glass-order .purchase-button{font-size:18px;padding:0 13px}.nevo-glass .glass-recipient-controls{gap:8px}.nevo-glass .glass-order label,.nevo-glass .glass-order .choice-total>span{font-size:14px}
 .nevo-glass .hero-help{gap:25px}
}
@media(min-width:761px) and (max-width:1000px){
 .nevo-glass .hero-copy h1{font-size:clamp(30px,4.17vw,42px)}
 .nevo-glass .hero-eyebrow{margin-bottom:20px}.nevo-glass .hero-uses{margin-top:23px}
 .nevo-glass .glass-order{grid-template-columns:1fr 1fr;row-gap:20px}
 .nevo-glass .glass-quantity{padding-right:0}
 .nevo-glass .glass-payment{grid-column:1/-1;border-left:0;border-top:1px solid #375166;padding:18px 0 0;display:flex;align-items:center;justify-content:space-between;gap:25px}
 .nevo-glass .glass-order .choice-total{height:auto;margin:0}
 .nevo-glass .glass-order .purchase-button{max-width:300px}
}
@media(max-width:760px){
 .nevo-glass .header{height:70px;margin:0 20px;gap:10px;flex-wrap:nowrap}.nevo-glass .brand{font-size:23px;gap:11px}.nevo-glass .choice-logo{width:39px;height:27px}.nevo-glass .account-button{font-size:14px;padding:7px 21px;min-height:40px;max-width:122px}
 .nevo-glass .header nav{top:80px;left:0;right:0;transform:none;justify-content:center;padding:3px;gap:4px;background:#05121ed9}.nevo-glass .header .nav-item{font-size:13px;padding:9px 13px;min-height:40px}
 .nevo-glass .glass-main{background:radial-gradient(ellipse at 60% 32%,#06345c88,transparent 65%)}
 .nevo-glass .glass-hero{aspect-ratio:auto;background:none;display:flex;flex-direction:column;padding-top:85px}
 .nevo-glass .hero-copy{position:relative;left:auto;top:auto;padding:0 24px}
 .nevo-glass .hero-eyebrow{font-size:12px;gap:11px;margin:0 0 22px}.nevo-glass .hero-eyebrow svg{width:25px;height:25px}
 .nevo-glass .hero-copy h1{font-size:clamp(32px,8.5vw,52px);line-height:1.07;letter-spacing:-.035em;margin:0 0 16px;max-width:none}
 .nevo-glass .hero-subtitle{font-size:20px;margin-bottom:12px}.nevo-glass .hero-description{font-size:15px;line-height:1.55;letter-spacing:-.015em}.nevo-glass .hero-description br{display:none}
 .nevo-glass .hero-uses{gap:23px;margin-top:24px;flex-wrap:wrap}.nevo-glass .hero-uses li{font-size:13px;gap:8px}.nevo-glass .hero-uses svg{width:24px;height:26px}
 .nevo-glass .hero-phone-mobile{display:block;width:100%;height:auto;max-height:310px;object-fit:contain;margin:13px 0 0;mask-image:linear-gradient(to bottom,transparent,#000 6%,#000 93%,transparent)}
 .nevo-glass .glass-order{display:flex;flex-direction:column;margin:-3px 16px 0;padding:24px 21px 27px;border-radius:31px;gap:24px;background:linear-gradient(150deg,#092238bb,#020a12f5 45%,#061a2bc9)}
 .nevo-glass .glass-recipient,.nevo-glass .glass-quantity,.nevo-glass .glass-payment{width:100%;padding:0;border:0}
 .nevo-glass .glass-order label{font-size:15px;margin-bottom:9px}
 .nevo-glass .glass-order .recipient-field,.nevo-glass .self-button,.nevo-glass .glass-presets button{height:54px;min-height:54px}
 .nevo-glass .glass-presets{gap:6px}.nevo-glass .glass-presets button{font-size:14px;padding:0 4px}.nevo-glass .self-button{min-width:68px;font-size:15px;padding:0 14px}
 .nevo-glass .recipient-shell.has-recipient:not(.recipient-editing) .recipient-preview{height:54px}.nevo-glass .recipient-preview strong{font-size:13px}.nevo-glass .recipient-avatar{width:31px;height:31px;min-width:31px;font-size:19px}.nevo-glass .recipient-edit{top:14px;right:7px}
 .nevo-glass .glass-order .choice-total{justify-content:space-between;height:auto;margin-bottom:14px}.nevo-glass .glass-order .choice-total strong{font-size:24px}.nevo-glass .glass-order .purchase-button{font-size:21px;height:56px;min-height:56px;justify-content:center;gap:25px}
 .nevo-glass .glass-form-extras{margin:14px 32px 0;flex-direction:column;gap:3px}.nevo-glass .glass-form-extras .demo-note{text-align:left;font-size:11px}
 .nevo-glass .hero-help{display:grid;grid-template-columns:1fr 1fr;padding:24px 27px 28px;gap:11px 17px}.nevo-glass .hero-help>a,.nevo-glass .hero-help>button{font-size:11px;gap:8px}.nevo-glass .hero-help svg{width:21px;height:21px;flex-shrink:0}
 .nevo-glass .choice-reviews{margin:15px 24px 30px;padding-top:28px}.nevo-glass .choice-reviews-heading{gap:12px;align-items:start}.nevo-glass .choice-reviews-heading h2{font-size:19px}.nevo-glass .choice-reviews-heading>a{font-size:12px}.nevo-glass .choice-review{flex:0 0 86%;min-width:0}.nevo-glass .choice-review-list{gap:12px}
 .nevo-glass footer{margin:0 24px}.nevo-glass .view:not(#buy-view){margin:0 24px;padding-top:50px}
}
@media(prefers-reduced-motion:reduce){.nevo-glass *, .nevo-glass *:before,.nevo-glass *:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.nevo-glass .hero-stage{position:absolute;inset:0;pointer-events:none}
.nevo-glass .hero-canvas{display:block;width:100%;height:100%}
.nevo-glass button,.nevo-glass input{font-family:Manrope,sans-serif}
.nevo-glass .choice-review time{color:#96aec1}
@media(max-width:760px){.nevo-glass .hero-stage{position:relative;inset:auto;height:350px;width:100%;margin-top:12px;background:radial-gradient(ellipse at 50% 70%,#083964,transparent 66%)}}

.nevo-glass .hero-phone-render{position:absolute;right:1%;top:0;width:52%;height:100%;object-fit:contain}
@media(max-width:760px){.nevo-glass .hero-phone-render{position:static;width:100%;height:100%}}

@keyframes nevo-phone-drift{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(.35deg)}}
@keyframes nevo-arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){
 .nevo-glass .hero-phone-render{animation:nevo-phone-drift 7s ease-in-out infinite}
 .nevo-glass .hero-copy{animation:nevo-arrive .65s ease-out both}
 .nevo-glass .glass-order{animation:nevo-arrive .7s .12s ease-out both}
 .nevo-glass .purchase-button{transition:transform .18s ease,box-shadow .18s ease}
 .nevo-glass .purchase-button:hover{transform:translateY(-2px);box-shadow:inset 0 2px 3px #edfbffb3,0 5px 24px #2288d844}
 .nevo-glass .purchase-button:active{transform:translateY(0) scale(.985)}
}