.phone{width:min(100%,390px);padding:8px;border-radius:48px;background:linear-gradient(135deg,#08090b,#343638 18%,#050607 32%,#252729 52%,#050607 72%,#303235);box-shadow:0 12px 30px #10182035,inset 0 0 0 2px #777;transform: scale(.9);}.phone-frame{padding:7px;border-radius:41px;background:#070809;box-shadow:inset 0 0 0 2px #62666a}.screen{position:relative;overflow:hidden;border-radius:35px;background:linear-gradient(145deg,#fbfdff 0%,#f3f8fc 65%,#f9fbfd 100%);padding:11px 12px 0;min-height:760px}.status-bar{height:27px;display:flex;align-items:center;justify-content:space-between;padding:0 1px;font-size:13px;color:#101820}.status-right{display:flex;align-items:center;gap:3px;font-size:10px}.status-right svg{width:55px;height:20px;fill:none;stroke:#17212d;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.volte{font-size:6px;font-weight:700;line-height:7px}.battery{font-size:13px;margin-left:3px}.greeting{display:flex;justify-content:space-between;align-items:center;margin: 0px 0 16px;}.greeting h1{font-size:27px; text-align:left !important;line-height:1.1;margin:0 0 5px;font-weight:700;letter-spacing:-.7px}.greeting p{font-size:14px;color:#718198;margin:0;white-space:nowrap}.bell{width:46px;height:46px;border-radius:17px;background:#fff;display:grid;place-items:center;box-shadow:0 3px 12px #1b2b3b12}.bell svg{width:25px;fill:none;stroke:#111d2b;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}.ai-banner{height:145px;border-radius:21px;background:linear-gradient(115deg,#ff7a0b,#ff6900);color:white;padding:20px 18px;display:flex;align-items:center;justify-content:space-between;box-shadow:inset 0 1px 0 #ff9b45}.banner-copy h2{font-size:21px; text-align:left;margin:0 0 6px;letter-spacing:-.5px}.banner-copy p{font-size:13px; text-align:left;color:white;line-height:1.45;margin:0 0 13px}.banner-copy a{height:35px;min-width:151px;padding:0 16px;border-radius:24px;background:#fff;color:#f36b0a;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:13px;font-weight:700}.banner-copy a span{font-size:18px}.calc-icon{width:51px;height:51px;flex:0 0 51px;border-radius:10px;background:#fff0e7;color:#ff6c00;display:grid;grid-template-columns:1fr 1fr;place-items:center;font-size:25px;font-weight:700;line-height:1}.featured{margin-top:27px}.section-heading{display:flex;align-items:center;justify-content:space-between}.section-heading h2{font-size:18px;letter-spacing:-.5px;margin:0}.section-heading a{font-size:14px;color:#ff6c00;text-decoration:none;font-weight:600}.section-subtitle{font-size:13px !important;color:#718198 !important;margin: 6px 0 13px !important;white-space:nowrap;text-align: left !important;}.cards1{display:grid;grid-template-columns:1fr 1fr;gap:11px}.calc-card{min-width:0;background:#fff;border-radius:17px;padding:9px 9px 11px;box-shadow:0 3px 13px #18283a0b}.art{height:116px;border-radius:13px;overflow:hidden;position:relative;background:#e9e7ff}.art img{width:100%;height:100%;object-fit:cover;display:block}.pro{position:absolute;z-index:1;top:9px;left:-22px;width:75px;text-align:center;transform:rotate(-45deg);background:#ff7000;color:#fff;font-weight:700;font-size:12px;padding:4px 0}.calc-card h3{font-size:14px; text-align:left;color:#111111;margin:10px 0 4px;white-space:nowrap;letter-spacing:-.3px}.description{font-size: 10px !important;line-height:1.4;color:#657992;margin:0;min-height:30px;text-align: left !important;margin: 0px !important;}.card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:11px;min-height:30px}.instant{height:29px;padding:0 10px;border-radius:20px;background:#e7f5ff;color:#0084f7;display:inline-flex;align-items:center;gap:5px;font-size:10px;white-space:nowrap}.instant b{font-size:15px}.round-arrow,.purple-arrow{width: 23px;height: 24px;border-radius:50%;display:grid;place-items:center;background:#ff6d00;color:#fff;text-decoration:none;font-size: 23px;line-height:1}.formula-card{margin-top:6px;background:#fff;border-radius:17px;padding:12px;display:flex;align-items:center;gap:12px;box-shadow:0 3px 13px #18283a0b}.book-icon{width:47px;height:47px;border-radius:14px;background:#f1e7ff;display:grid;place-items:center;flex:0 0 auto}.book-icon svg{width:30px;fill:#9845ee;stroke:#9845ee;stroke-width:1.5;stroke-linejoin:round}.formula-copy{min-width:0;flex:1}.formula-copy h3{font-size:15px; text-align:left;margin:0 0 4px}.formula-copy p{font-size:11px;line-height:1.45;color:#718198;margin:0;text-align: left;}.purple-arrow{background:#9845ed;width:31px;height:31px;flex:0 0 auto}.bottom-nav{margin:14px -15px 0;padding:10px 7px 7px;background:#ffffffd9;border-top:1px solid #edf0f3;display:flex;justify-content:space-around}.bottom-nav a{min-width:0; font-weight:bold;display:flex;flex-direction:column;align-items:center;gap:3px;text-decoration:none;color:#8190a5;font-size:10px;position:relative}.bottom-nav svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.bottom-nav a.active{color:#ff6d00}.bottom-nav i{height:2px;width:20px;background:#ff6d00;margin-top:4px}.system-nav{height:28px;display:flex;align-items:center;justify-content:space-around;color:#89919b;font-size:20px;background:#fff9}.home-pill{width:14px;height:14px;border:1.5px solid #89919b;border-radius:4px}
@media(min-width:700px){.phone{width:390px}.demo-wrap{padding:40px}}
@media (max-width: 600px){
	.hero-grid{
		gap:10px !important;
	}
	.round-arrow{
		background-color:white !important;
	}
}
@media(max-width:390px){
    .demo-wrap{
        padding:12px;
        min-height:100vh;
    }
	
    .phone{
        width:100%;
        max-width:390px;
        padding:8px;
        border-radius:48px;
        background:linear-gradient(135deg,#08090b,#343638 18%,#050607 32%,#252729 52%,#050607 72%,#303235);
    }
    .phone-frame{
        padding:7px;
        border-radius:41px;
    }
    .screen{
        border-radius:35px;
        min-height:760px;
        padding-left:16px;
        padding-right:16px;
    }
    .bottom-nav{
        margin-left:-16px;
        margin-right:-16px;
    }
}