header .wrap,.hero .wrap{width:min(1460px,calc(100% - 56px))}
header nav{height:126px}.logo{font-size:31px;letter-spacing:-.035em}.logo span{width:40px;height:48px;border-radius:0;background:linear-gradient(145deg,#4384ff,#31d9ad);background-clip:text;color:transparent;font-size:42px;line-height:1}
.hero{position:relative;height:954px;min-height:954px;padding:140px 0 0;overflow:hidden;background:radial-gradient(circle at 60% 35%,#0e3159 0,transparent 37%),#061326}.hero:after{content:"";position:absolute;left:-5%;bottom:-42px;width:110%;height:72px;background:#fff;border-radius:50% 50% 0 0/100% 100% 0 0;z-index:4}
.heroGrid{display:grid;grid-template-columns:470px minmax(0,1fr);gap:38px;align-items:start}.heroCopy{padding-top:58px;position:relative;z-index:3}.hero .pill{padding:10px 17px}.hero h1{font-size:76px;line-height:1.06;letter-spacing:-.065em;margin:56px 0 30px}.hero .lead{max-width:520px;font-size:18px;line-height:1.7}.hero .btn,.hero .secondary{min-width:228px;padding:17px 28px;text-align:center;margin-top:24px}.hero .secondary{min-width:250px}.hero small{margin-top:18px}.invisibleLoad{margin:48px 0 0;padding-left:18px;border-left:3px solid #31d8ad;color:#b8c5d5;font-size:14px}
.heroStage{height:790px;position:relative;isolation:isolate}.heroStage:before{content:"";position:absolute;z-index:0;left:-72px;right:180px;top:-10px;bottom:0;border:1px solid rgba(76,135,196,.16);border-radius:86px;background:radial-gradient(circle at 65% 34%,rgba(26,100,170,.18),transparent 43%),linear-gradient(145deg,rgba(13,37,67,.56),rgba(4,18,35,.16));box-shadow:inset 0 1px 0 rgba(255,255,255,.035),inset 0 -55px 100px rgba(0,5,14,.2),0 32px 80px rgba(0,0,0,.14);backdrop-filter:blur(2px)}.heroStage .phone{position:absolute;left:49.5%;top:0;width:368px;height:786px;min-height:786px;transform:translateX(-50%);z-index:2;padding:22px 16px 10px;border:6px solid #5c5a55;border-radius:58px;background:linear-gradient(155deg,#091525,#050e1a 72%);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 10px 0 30px rgba(19,57,95,.1),0 42px 70px rgba(0,0,0,.72),0 0 44px rgba(32,123,211,.1)}
.phoneTime{display:flex;justify-content:space-between;padding:0 15px 20px;font-size:12px;font-weight:800}.phoneTime span{font-size:9px;letter-spacing:2px}.phonebar{padding:8px 10px 14px}.phonebar b{display:flex;align-items:center;gap:6px}.phonebar b i{width:22px;height:28px;border-radius:5px;background:linear-gradient(145deg,#4384ff,#31d9ad);font-size:13px;font-style:normal;display:grid;place-items:center}.caught{position:relative;padding:18px 74px 18px 18px}.caught>i{position:absolute;right:18px;top:16px;width:52px;height:52px;border:3px solid #42dfbb;border-radius:50%;display:grid;place-items:center;color:#42dfbb;font-size:25px;font-style:normal}.familyRow{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:8px;padding:12px 6px 9px;border-bottom:1px solid #263b54;align-items:center}.familyRow span{text-align:center}.familyRow i{width:28px;height:28px;margin:auto;border-radius:50%;display:grid;place-items:center;background:#e8efff;color:#3c68de;font-size:10px;font-style:normal;font-weight:800}.familyRow span:nth-child(2) i{background:#fff0e7;color:#e56b30}.familyRow span:nth-child(3) i{background:#e7f8f1;color:#22885d}.familyRow span:nth-child(4) i{background:#f1e8ff;color:#7850c8}.familyRow small{margin-top:4px!important;color:#8fa1b7!important;font-size:8px!important}.familyRow>b{color:#46dcb8;font-size:9px}.upcomingLabel{display:flex;justify-content:space-between;margin:10px 4px 4px;font-size:12px;color:#fff}.upcomingLabel a{color:#49a1ff}.phone article{padding:11px 13px;margin:7px 0}.phoneTabs{display:grid;grid-template-columns:repeat(5,1fr);align-items:end;border-top:1px solid #263b54;margin:13px -16px 0;padding:10px 8px 0;color:#718aa8}.phoneTabs span{display:flex;flex-direction:column;align-items:center;font-size:15px}.phoneTabs small{margin:3px 0 0!important;font-size:7px!important;color:#718aa8!important}.phoneTabs .phoneAdd{width:42px;height:42px;border-radius:50%;background:#3979ff;color:#fff;font-size:26px;display:grid;place-items:center;margin:auto}
.intakes,.outputs{position:absolute;display:grid;z-index:3}.intakes{left:-20px;top:57px;gap:10px}.outputs{right:-23px;top:78px;gap:16px}.intakes span,.outputs span{width:170px;height:78px;min-height:78px;border:1px solid #2b405c;background:#0c1c32;border-radius:15px;padding:12px;display:flex;align-items:center;gap:11px;color:#fff;box-shadow:0 14px 35px rgba(0,0,0,.3)}.intakes span>i,.outputs .todo>i{width:42px;height:42px;flex:0 0 42px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#3478ff,#2bd4aa);font-style:normal;font-size:19px}.intakes span:nth-child(2)>i{background:#24c9ad}.intakes span:nth-child(3)>i{background:#21b77a}.intakes span:nth-child(4)>i{background:#258be0}.intakes span:nth-child(5)>i{background:#fa5878}.intakes span:nth-child(6)>i{background:#ff8a2c}.intakes b,.outputs b{font-size:12px;line-height:1.2}.intakes small,.outputs small{display:block!important;margin:6px 0 0!important;color:#8394aa!important;font-size:8px!important;line-height:1.3}.outputs img{width:42px;height:42px;object-fit:contain;border-radius:8px}.outputs .todo{color:#fff}.outputs .todo>i{color:#fff}.flow{position:absolute;border:1px dashed rgba(37,133,255,.55);border-left:0;border-right:0;border-radius:50%;z-index:1}.flowIn{left:125px;top:105px;width:275px;height:430px}.flowOut{right:120px;top:180px;width:245px;height:330px}.intakes:after,.outputs:before{content:"→";position:absolute;top:50%;color:#258eff;font-size:32px;font-weight:800}.intakes:after{left:calc(100% + 20px)}.outputs:before{right:calc(100% + 18px)}
.outputs{perspective:800px;filter:drop-shadow(0 20px 32px rgba(0,0,0,.28))}.outputs:after{content:"";position:absolute;z-index:-1;inset:-28px -34px;border-radius:44px;background:radial-gradient(circle at 50% 45%,rgba(37,142,255,.17),rgba(45,216,178,.05) 50%,transparent 72%);filter:blur(10px)}.outputs span{position:relative;overflow:hidden;border-radius:22px;border:1px solid rgba(103,151,203,.34);background:linear-gradient(145deg,rgba(25,53,86,.96),rgba(8,24,45,.94));box-shadow:inset 0 1px 0 rgba(255,255,255,.1),inset 0 -10px 26px rgba(0,0,0,.18),0 16px 30px rgba(0,0,0,.3),0 3px 8px rgba(23,113,204,.12);transform:rotateY(-3deg);transition:transform .25s ease,box-shadow .25s ease}.outputs span:after{content:"";position:absolute;left:12px;right:12px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(132,210,255,.65),transparent)}.outputs span:nth-child(2){transform:translateX(10px) rotateY(-3deg)}.outputs span:nth-child(3){transform:translateX(-3px) rotateY(-3deg)}.outputs span:nth-child(4){transform:translateX(8px) rotateY(-3deg)}.outputs span:hover{transform:translateX(-4px) translateY(-3px) rotateY(0);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 22px 40px rgba(0,0,0,.4),0 0 24px rgba(49,166,255,.13)}.outputs span:nth-child(2):hover,.outputs span:nth-child(4):hover{transform:translateX(6px) translateY(-3px) rotateY(0)}.outputs img,.outputs .todo>i{border-radius:13px;box-shadow:0 8px 18px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.22)}.outputs b{font-size:12px;text-shadow:0 1px 8px rgba(0,0,0,.4)}.outputs small{color:#90a6bf!important}
.intakes{perspective:800px}.intakes span{position:relative;overflow:hidden;border-radius:20px;border-color:rgba(86,133,184,.3);background:linear-gradient(145deg,rgba(24,50,80,.94),rgba(8,24,44,.9));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 -12px 28px rgba(0,0,0,.16),0 14px 28px rgba(0,0,0,.28);transform:rotateY(3deg);transition:transform .25s ease,box-shadow .25s ease}.intakes span:after{content:"";position:absolute;left:12px;right:12px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(108,195,255,.55),transparent)}.intakes span:nth-child(2){transform:translateX(-8px) rotateY(3deg)}.intakes span:nth-child(3){transform:translateX(7px) rotateY(3deg)}.intakes span:nth-child(4){transform:translateX(-10px) rotateY(3deg)}.intakes span:nth-child(5){transform:translateX(5px) rotateY(3deg)}.intakes span:nth-child(6){transform:translateX(-4px) rotateY(3deg)}.intakes span:hover{transform:translateX(4px) translateY(-3px) rotateY(0);box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 20px 38px rgba(0,0,0,.36),0 0 22px rgba(47,159,255,.1)}.intakes span>i{border-radius:13px;box-shadow:0 8px 18px rgba(0,0,0,.27),inset 0 1px 0 rgba(255,255,255,.25)}
.socialPlaceholder{height:118px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8291a6;text-align:center}.socialPlaceholder span{padding:7px 14px;border:1px dashed #8796aa;border-radius:99px;text-transform:uppercase;letter-spacing:.18em;font-size:10px}.socialPlaceholder p{margin:12px 0 0;font-size:11px}.featureStrip{grid-template-columns:repeat(6,1fr);margin-top:0}.featureStrip article:nth-child(4){border-right:1px solid var(--line)}
@media(max-width:1350px){header .wrap,.hero .wrap{width:min(1180px,calc(100% - 40px))}.hero{height:auto;min-height:950px;padding-bottom:60px}.heroGrid{grid-template-columns:420px minmax(0,1fr)}.outputs{display:none}.heroStage .phone{left:68%}.heroStage:before{left:-20px;right:-10px}.hero h1{font-size:68px}.intakes{left:0}}
@media(max-width:1050px){.hero{min-height:auto;padding-bottom:80px}.heroGrid{grid-template-columns:1fr}.heroCopy{padding-top:15px}.heroStage{width:min(760px,100%);margin:20px auto 0}.heroStage .phone{left:57%}.featureStrip{grid-template-columns:repeat(3,1fr)}.featureStrip article:nth-child(3){border-right:0}.featureStrip article{border-bottom:1px solid var(--line)}.featureStrip article:nth-child(n+4){border-bottom:0}}
@media(max-width:720px){header nav{height:90px}.hero{padding-top:105px}.hero h1{font-size:56px;margin-top:32px}.hero .btn,.hero .secondary{min-width:0}.heroStage{height:700px}.heroStage:before{left:-12px;right:-12px;top:-18px;bottom:18px;border-radius:48px}.intakes{display:none}.heroStage .phone{left:50%;width:min(370px,100%);min-height:0}.invisibleLoad{margin-top:35px}.socialPlaceholder{padding:0 20px}.featureStrip{grid-template-columns:1fr}.featureStrip article,.featureStrip article:nth-child(4){border-right:0;border-bottom:1px solid var(--line)}.featureStrip article:last-child{border-bottom:0}}

/* Dimensional hero treatment */
.heroStage{perspective:1500px;transform-style:preserve-3d}.heroStage:before{background:radial-gradient(circle at 65% 30%,rgba(33,139,230,.22),transparent 36%),radial-gradient(circle at 25% 70%,rgba(42,216,174,.08),transparent 38%),linear-gradient(145deg,rgba(18,48,82,.66),rgba(3,14,29,.2));box-shadow:inset 0 1px 0 rgba(255,255,255,.06),inset 24px 0 80px rgba(45,133,221,.05),inset 0 -65px 100px rgba(0,4,12,.34),0 40px 90px rgba(0,0,0,.22)}.heroStage:after{content:"";position:absolute;z-index:0;left:22%;top:16%;width:58%;height:60%;border-radius:50%;background:radial-gradient(circle,rgba(54,132,255,.13),rgba(43,212,170,.035) 44%,transparent 70%);filter:blur(24px);transform:translateZ(-40px)}
.heroStage .phone{transform:translateX(-50%) rotateY(-4deg) rotateX(.7deg);transform-origin:50% 45%;border-color:#6e6d68;box-shadow:inset 1px 0 0 rgba(255,255,255,.16),inset -14px 0 28px rgba(0,0,0,.32),inset 12px 0 30px rgba(30,105,179,.08),24px 48px 75px rgba(0,0,0,.7),-12px 12px 40px rgba(41,128,221,.1),0 0 70px rgba(30,115,203,.08)}.phone:before{content:"";position:absolute;pointer-events:none;inset:7px;border-radius:48px;background:linear-gradient(115deg,rgba(255,255,255,.045),transparent 22%,transparent 75%,rgba(47,138,217,.035));z-index:5}.phone .caught{background:linear-gradient(145deg,#1a304d,#102239);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 12px 24px rgba(0,0,0,.23)}.phone article{background:linear-gradient(145deg,#192d48,#112239);border:1px solid rgba(108,148,190,.09);box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 7px 14px rgba(0,0,0,.16)}
.intakes{transform-style:preserve-3d}.intakes span{transform:translateZ(26px) rotateY(7deg);box-shadow:inset 0 1px 0 rgba(255,255,255,.11),inset -8px -12px 24px rgba(0,0,0,.14),14px 20px 34px rgba(0,0,0,.35),-3px 0 14px rgba(33,139,229,.06)}.intakes span:nth-child(2){transform:translateX(-8px) translateZ(18px) rotateY(7deg)}.intakes span:nth-child(3){transform:translateX(7px) translateZ(34px) rotateY(7deg)}.intakes span:nth-child(4){transform:translateX(-10px) translateZ(15px) rotateY(7deg)}.intakes span:nth-child(5){transform:translateX(5px) translateZ(29px) rotateY(7deg)}.intakes span:nth-child(6){transform:translateX(-4px) translateZ(20px) rotateY(7deg)}
@media(max-width:1050px){.heroStage .phone{transform:translateX(-50%) rotateY(-3deg)}}
@media(max-width:720px){.heroStage .phone{transform:translateX(-50%);box-shadow:0 35px 60px rgba(0,0,0,.62),0 0 45px rgba(35,128,210,.1)}}

/* Realistic phone hardware and app iconography */
.heroStage .phone{overflow:visible;border-width:7px;border-color:#656660;background:linear-gradient(115deg,#020812,#071321 55%,#030b14);outline:1px solid rgba(215,222,224,.23);outline-offset:-4px}.heroStage .phone:after{content:"";position:absolute;pointer-events:none;z-index:8;inset:-4px;border-radius:55px;background:linear-gradient(105deg,rgba(255,255,255,.14),transparent 10%,transparent 82%,rgba(255,255,255,.055));mix-blend-mode:screen}.phoneSide{position:absolute;z-index:-1;width:5px;background:linear-gradient(90deg,#3d403f,#777a76,#282b2b);box-shadow:0 1px 2px #000;border-radius:3px;font-style:normal}.phoneSide.mute{height:27px;left:-11px;top:108px}.phoneSide.volumeUp{height:53px;left:-11px;top:151px}.phoneSide.volumeDown{height:53px;left:-11px;top:218px}.phoneSide.power{height:85px;right:-11px;top:175px}.dynamicIsland{position:absolute;z-index:10;left:50%;top:15px;width:108px;height:29px;transform:translateX(-50%);border-radius:99px;background:#010409;box-shadow:inset 0 -1px 2px rgba(255,255,255,.04),0 1px 2px rgba(0,0,0,.7)}.dynamicIsland i{position:absolute;right:10px;top:10px;width:6px;height:6px;border-radius:50%;background:#07192c;box-shadow:0 0 5px rgba(28,101,180,.35)}.phoneTime{position:relative;z-index:6;padding:2px 12px 21px;font-size:12px}.statusIcons{display:flex!important;align-items:center!important;gap:6px!important;letter-spacing:0!important}.statusIcons i{font-style:normal!important;color:#fff!important}.cellBars{font-size:7px!important;letter-spacing:-1px}.wifi{font-size:13px!important;transform:rotate(180deg)}.battery{position:relative;width:19px;height:9px;border:1px solid rgba(255,255,255,.8);border-radius:2px}.battery:after{content:"";position:absolute;right:-3px;top:2px;width:2px;height:4px;border-radius:0 1px 1px 0;background:rgba(255,255,255,.72)}.battery b{display:block;width:13px;height:5px;margin:1px;border-radius:1px;background:#fff}.bellIcon{position:relative;width:25px;height:25px;display:grid!important;place-items:center;font-size:0!important}.bellIcon:before{content:"";width:12px;height:13px;border:2px solid #f1f6ff;border-top-left-radius:9px;border-top-right-radius:9px;border-bottom:0}.bellIcon:after{content:"";position:absolute;left:5px;bottom:4px;width:15px;height:2px;border-radius:2px;background:#f1f6ff}.bellIcon i{position:absolute;right:1px;top:1px;width:6px;height:6px;border-radius:50%;background:#ff5c72;box-shadow:0 0 0 2px #07111f}
.phone article{grid-template-columns:38px 1fr;align-items:center;column-gap:10px}.phone article .eventIcon{grid-row:1/3;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-style:normal;font-size:18px;background:linear-gradient(145deg,#263b55,#14263d);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 6px 12px rgba(0,0,0,.2)}.phone article .quiz{background:linear-gradient(145deg,#311b4f,#1b1538)}.phone article .form{background:linear-gradient(145deg,#3b4653,#1b2837)}.phone article .club{background:linear-gradient(145deg,#1e4460,#142a43)}.phone article b{align-self:end}.phone article span{grid-column:2;align-self:start}.phoneTabs{padding-top:9px;padding-bottom:8px;background:linear-gradient(180deg,rgba(10,25,42,.65),rgba(5,15,27,.94));border-radius:0 0 42px 42px}.phoneTabs .navIcon{width:24px;height:24px;display:grid;place-items:center;border:1px solid #58718d;border-radius:7px;font-style:normal;font-size:13px;color:#7e98b6}.phoneTabs span:first-child .navIcon{border-color:#4384ff;color:#4f91ff;background:rgba(53,120,255,.1)}.phoneTabs .phoneAdd{border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.27),0 8px 18px rgba(31,91,226,.35)}.homeIndicator{position:absolute;z-index:9;left:50%;bottom:6px;width:108px;height:4px;transform:translateX(-50%);border-radius:99px;background:rgba(237,243,250,.85);box-shadow:0 1px 2px rgba(0,0,0,.3)}

/* App screen matched to the approved mockup */
.phonebar{padding:20px 14px 15px}.phonebar b{font-size:24px;letter-spacing:-.035em}.phonebar b i{width:27px;height:34px;font-size:15px}.caught{min-height:86px;border-radius:17px;padding:18px 76px 17px 17px}.caught>b{font-size:15px}.caught>span{font-size:11px;margin-top:9px}.caught>i{right:17px;top:16px;width:53px;height:53px}.familyRow{min-height:68px;padding:11px 5px 10px}.familyRow i{width:31px;height:31px;font-size:11px}.familyRow small{font-size:8px!important}.phone>p{margin:12px 4px 7px;padding:0;font-size:10px;letter-spacing:.01em}.phone>p strong{font-size:10px}.upcomingLabel{margin:0 4px 8px;font-size:13px}.phoneEvents{display:grid;gap:7px}.phoneEvents article{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) 12px;grid-template-rows:18px 16px 15px;column-gap:10px;width:100%;height:65px;margin:0;padding:8px 12px;border-radius:14px;background:#162a44;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 7px 13px rgba(0,0,0,.15)}.phoneEvents article .eventIcon{grid-column:1;grid-row:1/4;align-self:center;width:36px;height:36px;padding:0;border-radius:0;background:none;box-shadow:none;font-size:20px}.phoneEvents article b{grid-column:2;grid-row:1;align-self:center;font-size:11px;line-height:1.05}.phoneEvents article>span{grid-column:2;grid-row:2;align-self:center;font-size:9px;color:#9eb0c5}.phoneEvents .owner{grid-column:2;grid-row:3;display:flex!important;align-items:center;gap:4px;margin:0!important;font-size:8px!important;color:#50dfb6!important}.phoneEvents .owner>i{width:7px;height:7px;border-radius:50%;background:#50dfb6}.phoneEvents .owner.lily{color:#ad68ff!important}.phoneEvents .owner.lily>i{background:#ad68ff}.phoneEvents .owner.you{color:#4d8dff!important}.phoneEvents .owner.you>i{background:#4d8dff}.phoneEvents article>em{grid-column:3;grid-row:1/4;align-self:center;font-style:normal;font-size:25px;font-weight:300;color:#8da0b7}.phoneTabs{position:absolute;z-index:7;left:16px;right:16px;bottom:8px;height:71px;margin:0;padding:9px 8px 10px;border-top:1px solid #253950;border-radius:0 0 42px 42px}.phoneTabs .navIcon{border:0;border-radius:0;background:none!important;font-size:17px}.phoneTabs span:first-child .navIcon{border:0}.phoneTabs small{font-size:7px!important}.phoneTabs .phoneAdd{width:48px;height:48px;font-size:29px}.homeIndicator{bottom:-1px;height:3px;width:100px}

/* Highlighted event and navigation icons */
.phoneEvents article .eventIcon{font-size:22px;filter:drop-shadow(0 4px 5px rgba(0,0,0,.32));transform:translateX(-1px)}.phoneEvents article:hover .eventIcon{transform:translateX(-1px) scale(1.08)}.phoneEvents article{transition:transform .2s ease,background .2s ease}.phoneEvents article:hover{transform:translateX(2px);background:#1a304d}.phoneTabs{box-shadow:0 -12px 30px rgba(0,0,0,.12)}.phoneTabs .navIcon{position:relative;width:27px;height:27px;font-size:0;color:#7d96b4;display:grid;place-items:center}.phoneTabs .navIcon:before{font-size:21px;line-height:1;font-family:ui-sans-serif,system-ui,sans-serif;font-weight:400}.phoneTabs span:nth-child(1) .navIcon:before{content:"⌂"}.phoneTabs span:nth-child(2) .navIcon:before{content:"▦"}.phoneTabs span:nth-child(4) .navIcon:before{content:"☑"}.phoneTabs span:nth-child(5) .navIcon:before{content:"▱"}.phoneTabs span:nth-child(1) .navIcon:before{color:#4f91ff}.phoneTabs span:nth-child(1) small{color:#4f91ff!important}.phoneTabs .phoneAdd{background:linear-gradient(145deg,#4d8dff,#2e6fff);text-shadow:0 2px 5px rgba(0,0,0,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.36),inset 0 -8px 16px rgba(21,66,189,.18),0 11px 25px rgba(36,91,224,.42)}

/* Distinct calendar and inbox navigation symbols */
.logo{font-family:ui-rounded,"SF Pro Rounded","Arial Rounded MT Bold",Inter,system-ui,sans-serif;font-weight:800;letter-spacing:-.055em}.logo span{position:relative;display:inline-block;width:43px;height:46px;flex:0 0 43px;font-size:0!important;color:transparent!important;border-radius:0!important;background:radial-gradient(circle at 50% 42%,#46d5b8 0 4px,transparent 4.8px),linear-gradient(90deg,#3d82ff 0 10px,transparent 10px 33px,#38d1ad 33px 43px)!important;box-shadow:none!important}.logo span:after{content:"";position:absolute;left:7px;top:17px;width:35px;height:24px;clip-path:polygon(0 8%,39% 57%,100% 0,100% 25%,39% 100%,0 42%);background:linear-gradient(105deg,#3e8cff,#52dfb3);filter:drop-shadow(0 3px 5px rgba(36,130,214,.22))}.phonebar b{font-family:ui-rounded,"SF Pro Rounded","Arial Rounded MT Bold",Inter,system-ui,sans-serif;font-weight:800}.phonebar b>i{position:relative;width:29px;height:34px;flex:0 0 29px;font-size:0!important;color:transparent!important;border-radius:0!important;background:radial-gradient(circle at 50% 42%,#46d5b8 0 3px,transparent 3.7px),linear-gradient(90deg,#3d82ff 0 7px,transparent 7px 22px,#38d1ad 22px 29px)!important;box-shadow:none!important}.phonebar b>i:after{content:"";position:absolute;left:4px;top:12px;width:25px;height:18px;clip-path:polygon(0 8%,39% 57%,100% 0,100% 25%,39% 100%,0 42%);background:linear-gradient(105deg,#3e8cff,#52dfb3);filter:drop-shadow(0 2px 3px rgba(36,130,214,.24))}
.phoneTabs span:nth-child(2) .navIcon:before{content:"";width:20px;height:19px;box-sizing:border-box;border:2px solid #7d96b4;border-radius:5px;background:linear-gradient(#7d96b4,#7d96b4) 0 5px/100% 2px no-repeat,radial-gradient(circle,#7d96b4 1.3px,transparent 1.5px) 3px 9px/6px 5px repeat}.phoneTabs span:nth-child(2) .navIcon:after{content:"";position:absolute;top:2px;left:7px;width:2px;height:5px;border-radius:2px;background:#7d96b4;box-shadow:9px 0 #7d96b4}.phoneTabs span:nth-child(5) .navIcon:before{content:"";width:22px;height:13px;box-sizing:border-box;border:2px solid #7d96b4;border-top:0;border-radius:2px 2px 6px 6px;transform:translateY(3px)}.phoneTabs span:nth-child(5) .navIcon:after{content:"";position:absolute;left:5px;top:7px;width:17px;height:8px;border-bottom:2px solid #7d96b4;clip-path:polygon(0 0,34% 0,44% 48%,56% 48%,66% 0,100% 0,100% 100%,0 100%)}

/* Inbox uses a distinct mail-envelope symbol */
.phoneTabs span:nth-child(5) .navIcon:before{content:"";width:22px;height:16px;box-sizing:border-box;border:2px solid #7d96b4;border-radius:5px;transform:none;background:none}.phoneTabs span:nth-child(5) .navIcon:after{content:"";position:absolute;left:5px;top:5px;width:15px;height:10px;border:0;border-left:2px solid #7d96b4;border-bottom:2px solid #7d96b4;clip-path:none;transform:rotate(-45deg);border-radius:1px}

/* Selected branded Heapless inbox icon */
.phoneTabs span:nth-child(5) .navIcon:before{content:"";position:absolute;inset:1px;width:auto;height:auto;border:0;border-radius:6px;transform:none;background:radial-gradient(circle at 50% 39%,#48d8b7 0 2.4px,transparent 3px),linear-gradient(90deg,#3d82ff 0 6px,transparent 6px 19px,#38d1ad 19px 25px);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 3px 7px rgba(0,0,0,.2)}.phoneTabs span:nth-child(5) .navIcon:after{content:"";position:absolute;left:5px;top:10px;width:22px;height:14px;border:0;border-radius:0;clip-path:polygon(0 8%,39% 57%,100% 0,100% 25%,39% 100%,0 42%);transform:none;background:linear-gradient(105deg,#3e8cff,#52dfb3)}

/* Polished intake app icons */
.intakes span>i{position:relative;overflow:hidden;font-size:0!important;border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -9px 18px rgba(0,0,0,.12),0 9px 18px rgba(0,0,0,.28)!important}.intakes span>i:before,.intakes span>i:after{content:"";position:absolute;box-sizing:border-box}.intakes span>i:after{filter:drop-shadow(0 1px 1px rgba(0,0,0,.18))}.intakes span:nth-child(1)>i{background:linear-gradient(145deg,#3f8cff,#22cdb3)!important}.intakes span:nth-child(1)>i:before{left:9px;top:12px;width:24px;height:18px;border:2px solid #fff;border-radius:4px}.intakes span:nth-child(1)>i:after{left:13px;top:10px;width:16px;height:16px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}.intakes span:nth-child(2)>i{background:linear-gradient(145deg,#34d5bb,#18a989)!important}.intakes span:nth-child(2)>i:before{left:8px;top:9px;width:26px;height:21px;border-radius:12px;background:#fff;clip-path:polygon(0 0,100% 0,100% 78%,67% 78%,52% 100%,49% 78%,0 78%)}.intakes span:nth-child(2)>i:after{left:15px;top:17px;width:3px;height:3px;border-radius:50%;background:#26b99e;box-shadow:6px 0 #26b99e,12px 0 #26b99e}.intakes span:nth-child(3)>i{background:linear-gradient(145deg,#2fcf8b,#159f67)!important}.intakes span:nth-child(3)>i:before{left:8px;top:8px;width:26px;height:26px;border:2px solid #fff;border-radius:5px}.intakes span:nth-child(3)>i:after{left:12px;top:13px;width:18px;height:15px;background:radial-gradient(circle at 75% 18%,#fff 0 2px,transparent 2.5px),#fff;clip-path:polygon(0 100%,0 75%,35% 40%,55% 67%,73% 48%,100% 100%)}.intakes span:nth-child(4)>i{background:linear-gradient(145deg,#35a5f2,#1876cf)!important}.intakes span:nth-child(4)>i:before{inset:9px;background:linear-gradient(#fff,#fff) 0 0/9px 2px no-repeat,linear-gradient(#fff,#fff) 0 0/2px 9px no-repeat,linear-gradient(#fff,#fff) 100% 0/9px 2px no-repeat,linear-gradient(#fff,#fff) 100% 0/2px 9px no-repeat,linear-gradient(#fff,#fff) 0 100%/9px 2px no-repeat,linear-gradient(#fff,#fff) 0 100%/2px 9px no-repeat,linear-gradient(#fff,#fff) 100% 100%/9px 2px no-repeat,linear-gradient(#fff,#fff) 100% 100%/2px 9px no-repeat}.intakes span:nth-child(4)>i:after{left:14px;top:14px;width:14px;height:14px;border:1.5px solid rgba(255,255,255,.68);border-radius:2px}.intakes span:nth-child(5)>i{background:linear-gradient(145deg,#ff6682,#e53b62)!important}.intakes span:nth-child(5)>i:before{left:10px;top:7px;width:22px;height:28px;border-radius:4px;background:#fff;clip-path:polygon(0 0,72% 0,100% 25%,100% 100%,0 100%)}.intakes span:nth-child(5)>i:after{content:"PDF";left:13px;top:20px;color:#ee4768;font:900 7px/1 ui-sans-serif,system-ui,sans-serif;letter-spacing:-.04em}.intakes span:nth-child(6)>i{background:linear-gradient(145deg,#ff9c3f,#f17620)!important}.intakes span:nth-child(6)>i:before{left:15px;top:7px;width:12px;height:20px;border:2px solid #fff;border-radius:8px}.intakes span:nth-child(6)>i:after{left:11px;top:17px;width:20px;height:16px;border:2px solid #fff;border-top:0;border-radius:0 0 12px 12px;box-shadow:0 6px 0 -5px #fff}.intakes span>i:hover{transform:translateY(-1px) scale(1.04)}

/* Restrained business-style intake icon system */
.intakes span:nth-child(n)>i{background:linear-gradient(145deg,#183753,#0c2239)!important;border:1px solid #315574!important;border-radius:11px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 7px 14px rgba(0,0,0,.24)!important}.intakes span:nth-child(n)>i:before,.intakes span:nth-child(n)>i:after{filter:none}.intakes span:nth-child(1)>i:before{border-color:#dcecff}.intakes span:nth-child(1)>i:after{border-color:#52d8b7}.intakes span:nth-child(2)>i:before{background:transparent;border:2px solid #dcecff}.intakes span:nth-child(2)>i:after{background:#52d8b7;box-shadow:6px 0 #52d8b7,12px 0 #52d8b7}.intakes span:nth-child(3)>i:before{border-color:#dcecff}.intakes span:nth-child(3)>i:after{background:radial-gradient(circle at 75% 18%,#52d8b7 0 2px,transparent 2.5px),#52d8b7}.intakes span:nth-child(4)>i:before{opacity:.95}.intakes span:nth-child(4)>i:after{border-color:#52d8b7}.intakes span:nth-child(5)>i:before{background:transparent;border:2px solid #dcecff}.intakes span:nth-child(5)>i:after{color:#52d8b7}.intakes span:nth-child(6)>i:before,.intakes span:nth-child(6)>i:after{border-color:#dcecff}.intakes span>i:hover{transform:none!important;border-color:#477394!important}

/* Standout event icon tiles */
.phoneEvents article{grid-template-columns:50px minmax(0,1fr) 12px;padding-left:10px;border-left:3px solid transparent}.phoneEvents article:nth-child(1){border-left-color:#4fe0b7}.phoneEvents article:nth-child(2){border-left-color:#a968ff}.phoneEvents article:nth-child(3){border-left-color:#ff9b55}.phoneEvents article:nth-child(4){border-left-color:#4c91ff}.phoneEvents article .eventIcon{position:relative;width:42px;height:42px;border-radius:14px!important;font-size:23px!important;display:grid;place-items:center;background:linear-gradient(145deg,#1c8068,#0d4c45)!important;border:1px solid rgba(105,255,211,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -8px 16px rgba(0,0,0,.14),0 8px 17px rgba(0,0,0,.28),0 0 18px rgba(64,219,177,.12)!important;filter:none!important;transform:none!important}.phoneEvents article .eventIcon.quiz{background:linear-gradient(145deg,#7d45c9,#40226f)!important;border-color:rgba(196,141,255,.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -8px 16px rgba(0,0,0,.14),0 8px 17px rgba(0,0,0,.28),0 0 18px rgba(166,91,255,.12)!important}.phoneEvents article .eventIcon.form{background:linear-gradient(145deg,#d5743d,#783b29)!important;border-color:rgba(255,187,128,.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -8px 16px rgba(0,0,0,.14),0 8px 17px rgba(0,0,0,.28),0 0 18px rgba(255,144,78,.12)!important}.phoneEvents article .eventIcon.club{background:linear-gradient(145deg,#347bd0,#193f7d)!important;border-color:rgba(115,181,255,.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -8px 16px rgba(0,0,0,.14),0 8px 17px rgba(0,0,0,.28),0 0 18px rgba(62,139,255,.14)!important}.phoneEvents article:hover .eventIcon{transform:translateY(-2px) scale(1.04)!important}