:root{--paper: #fff8f4;--paper-deep: #f7ece7;--red: #df2639;--red-deep: #a7172b;--ink: #251d1e;--muted: #796d6b;--line: #e7d8d1;--white: #fffdfb;font-family:IBM Plex Sans Arabic,Tahoma,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--paper)}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ffb333;outline-offset:3px}.app-shell{min-height:100vh;overflow:hidden;padding:0 5vw;background:radial-gradient(circle at 89% 8%,#ffd8d1 0,transparent 21rem),radial-gradient(circle at 7% 45%,#ffe9db 0,transparent 28rem),var(--paper)}.topbar{height:88px;display:flex;direction:rtl;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(123,83,76,.16)}.brand{display:flex;direction:rtl;align-items:center;gap:10px;color:var(--ink);text-decoration:none}.brand-mark{width:39px;height:39px;display:grid;place-items:center;color:var(--white);border-radius:12px 12px 12px 3px;background:var(--red);box-shadow:0 8px 18px #be1e2f38}.brand-copy{display:grid;gap:0;line-height:1.05}.brand-copy strong{font-size:15px;font-weight:700}.brand-copy small{color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.02em}.topbar-status{display:flex;align-items:center;gap:7px;padding-right:70px;font-size:12px;color:#665b59}.status-dot{width:7px;height:7px;border-radius:50%;background:#55b7a6;box-shadow:0 0 0 5px #55b7a61f}.circle-button{width:39px;height:39px;border:1px solid var(--line);color:var(--red);background:#ffffff94;border-radius:50%;display:grid;place-items:center;transition:transform .2s ease,background .2s ease}.circle-button:hover{transform:rotate(-10deg);background:#fff}.hero{display:flex;direction:rtl;align-items:end;justify-content:space-between;gap:4rem;padding:72px 0 52px}.hero-copy{max-width:620px}.eyebrow{display:flex;direction:ltr;align-items:center;gap:9px;margin:0 0 19px;font-family:Manrope,sans-serif;font-size:11px;font-weight:800;color:var(--red);letter-spacing:.1em}.eyebrow span{width:28px;height:2px;background:currentColor}.hero h1{margin:0;color:var(--ink);font-size:clamp(42px,6.2vw,76px);line-height:1.06;letter-spacing:-.05em;font-weight:700}.hero h1 em,.view-heading h2 em{color:var(--red);font-style:normal}.hero-description{max-width:510px;margin:21px 0;color:#645957;font-size:17px;line-height:1.9}.hero-note{display:inline-flex;align-items:center;gap:8px;color:#82524f;font-size:13px;font-weight:600;padding:9px 13px;background:#ffffff9e;border:1px solid rgba(223,38,57,.14);border-radius:999px}.hero-note svg{color:var(--red)}.care-pulse{width:225px;flex:0 0 auto;padding:20px;border:1px solid #efc9c2;border-radius:18px;background:#fffdfba3;box-shadow:0 13px 40px #933f3312;transform:translateY(-2px) rotate(-2deg)}.care-pulse p{margin:0 0 11px;color:var(--muted);font-size:12px;font-weight:600}.pulse-row{display:flex;direction:ltr;align-items:end;gap:4px}.pulse-row strong{color:var(--red);font-family:Manrope,sans-serif;font-size:32px;line-height:1}.pulse-row>span{padding-bottom:3px;color:#a19390;font-size:14px}.pulse-bars{display:flex;gap:4px;align-items:end;margin-right:auto;padding-bottom:5px}.pulse-bars i{width:6px;height:10px;display:block;border-radius:4px;background:#eeddd9}.pulse-bars i:nth-child(2){height:15px}.pulse-bars i:nth-child(3){height:20px}.pulse-bars i:nth-child(4){height:15px}.pulse-bars i:nth-child(5){height:9px}.pulse-bars .is-on{background:var(--red)}.care-pulse small{display:block;margin-top:12px;color:#837775;font-size:11px;line-height:1.6}.workspace{display:grid;grid-template-columns:minmax(0,1.07fr) minmax(360px,.93fr);direction:rtl;align-items:stretch;gap:32px;max-width:1330px;margin:auto;padding-bottom:76px}.bag-column{position:relative;padding-top:26px}.bag-handle{position:absolute;top:0;right:50%;transform:translate(50%);width:164px;height:58px;border:18px solid var(--red-deep);border-bottom:0;border-radius:45px 45px 0 0;z-index:0}.kit-case{position:relative;z-index:1;min-height:554px;padding:30px 30px 18px;border-radius:29px 29px 42px 42px;color:var(--white);background:linear-gradient(142deg,#f34652 0%,var(--red) 50%,#bd1d31 100%);box-shadow:0 33px 70px #971c2f45,inset 0 1px #ffffff47;overflow:hidden}.kit-case:before{content:"";position:absolute;top:-155px;left:-115px;width:340px;height:340px;border:1px solid rgba(255,255,255,.22);border-radius:50%;box-shadow:0 0 0 38px #ffffff09,0 0 0 77px #ffffff08}.kit-case:after{content:"+";position:absolute;left:-18px;bottom:-55px;color:#ffffff14;font:800 250px/1 Manrope,sans-serif}.case-heading,.tool-list,.case-footer{position:relative;z-index:1}.case-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.26)}.case-kicker{display:block;margin-bottom:6px;color:#ffffffb8;font-size:11px;font-weight:600;letter-spacing:.05em}.case-heading h2{margin:0;font-size:25px;letter-spacing:-.03em}.cross-emblem{width:46px;height:46px;display:grid;place-items:center;color:var(--red);font:800 37px/1 Manrope,sans-serif;background:var(--white);border-radius:14px;transform:rotate(5deg)}.tool-list{display:grid;gap:10px;padding-top:22px}.tool-card{width:100%;display:grid;grid-template-columns:35px 45px minmax(0,1fr) 22px;align-items:center;column-gap:10px;text-align:right;padding:11px 13px 11px 11px;border:1px solid rgba(255,255,255,.18);border-radius:15px;color:#fff;background:#6d001229;transition:transform .22s ease,background .22s ease,box-shadow .22s ease}.tool-card:hover,.tool-card.is-active{background:var(--white);color:var(--ink);transform:translate(-4px);box-shadow:0 13px 22px #6900112e}.tool-number{align-self:stretch;display:flex;align-items:center;justify-content:center;border-left:1px solid rgba(255,255,255,.24);color:#ffffffad;font:800 10px Manrope,sans-serif}.tool-card.is-active .tool-number,.tool-card:hover .tool-number{border-color:#f0dfda;color:var(--red)}.tool-icon{width:38px;height:38px;display:grid;place-items:center;color:var(--tool-color);border-radius:11px;background:#ffffff29}.tool-card.is-active .tool-icon,.tool-card:hover .tool-icon{background:color-mix(in srgb,var(--tool-color) 17%,white)}.tool-text{min-width:0;display:grid;gap:2px}.tool-text strong{font-size:14px}.tool-text small{overflow:hidden;color:#ffffffba;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.tool-card.is-active .tool-text small,.tool-card:hover .tool-text small{color:#7f706d}.tool-arrow{transition:transform .2s ease}.tool-card.is-active .tool-arrow,.tool-card:hover .tool-arrow{color:var(--red);transform:translate(-3px)}.case-footer{display:flex;direction:rtl;justify-content:space-between;margin-top:19px;padding-top:15px;border-top:1px solid rgba(255,255,255,.2);color:#ffffffbf;font:600 10px Manrope,sans-serif;letter-spacing:.02em}.case-footer span{display:flex;align-items:center;gap:5px}.detail-panel{position:relative;min-height:554px;padding:34px clamp(24px,4vw,53px);border:1px solid #ebd9d2;border-radius:27px;background:#fffdfbc2;box-shadow:0 20px 54px #63342b12;overflow:hidden}.detail-panel:after{content:"";position:absolute;bottom:-91px;left:-82px;width:218px;height:218px;border:30px solid rgba(244,131,121,.1);border-radius:50%}.detail-topline{position:relative;z-index:1;display:flex;direction:ltr;align-items:center;gap:11px;color:#9d8882;font:700 10px Manrope,sans-serif;letter-spacing:.08em}.detail-index{color:var(--red)}.detail-line{height:1px;flex:1;background:#eadcd5}.tool-view{position:relative;z-index:1;padding-top:31px;animation:reveal .34s ease both}@keyframes reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.view-heading{display:flex;align-items:center;gap:13px}.large-icon{width:57px;height:57px;flex:0 0 auto;display:grid;place-items:center;border-radius:18px}.large-icon.coral{color:#d84f47;background:#ffe1db}.large-icon.gold{color:#bd7b00;background:#ffedc8}.large-icon.mint{color:#178274;background:#d7f1eb}.large-icon.violet{color:#7655e7;background:#e7dffe}.large-icon.pink{color:#cd4785;background:#ffe0ee}.view-heading p{margin:0 0 3px;color:var(--muted);font-size:11px;font-weight:600}.view-heading h2{margin:0;font-size:clamp(28px,3.2vw,38px);letter-spacing:-.045em;line-height:1.15}.view-lead{margin:22px 0;color:#635754;font-size:14px;line-height:1.95}.choice-stack{display:grid;gap:8px}.choice-row{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #eadbd5;border-radius:13px;color:#574b49;background:transparent;transition:.2s ease;text-align:right}.choice-row:hover,.choice-row.selected{border-color:#f4aaa0;background:#fff3f0}.choice-row .choice-dot{width:11px;height:11px;border:2px solid #d5beba;border-radius:50%}.choice-row.selected .choice-dot{border-color:var(--red);box-shadow:inset 0 0 0 2px #fff3f0;background:var(--red)}.choice-row strong{font-size:13px}.choice-row>span:last-child{margin-right:auto;color:#aa8a84;font-size:10px}.choice-row.selected>span:last-child{color:var(--red)}.prescription-card{margin-top:16px;padding:16px 17px;color:var(--white);border-radius:17px;background:#32292a;box-shadow:0 15px 25px #30252526}.prescription-card>span,.prescription-card h3,.prescription-card p{display:block;margin:0}.prescription-card>span{color:#ffb7ac;font-size:10px;font-weight:700}.prescription-card h3{margin-top:4px;font-size:19px}.prescription-card p{margin-top:5px;color:#e5d7d4;font-size:12px;line-height:1.7}.prescription-card button{display:flex;align-items:center;gap:7px;margin-top:12px;padding:0;border:0;color:#ffc1b7;background:transparent;font-size:11px;font-weight:700}.quote-card{position:relative;margin-top:29px;padding:25px 24px 18px;border:1px solid #f0dbbc;border-radius:20px;background:linear-gradient(140deg,#fff7e4,#fffdf8)}.quote-mark{position:absolute;top:-34px;right:18px;color:#f5b84b;font:800 82px/1 Georgia,serif}.quote-card p{position:relative;margin:0;font-size:18px;line-height:1.9;font-weight:600;letter-spacing:-.025em}.quote-card footer{display:flex;justify-content:space-between;margin-top:17px;padding-top:12px;border-top:1px dashed #ead4b2;color:#98713c;font-size:10px;font-weight:700}.secondary-action{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:13px;padding:13px;border:1px solid #e8d9c1;color:#6d5735;border-radius:13px;background:#fff9;font-size:12px;font-weight:700;transition:.2s ease}.secondary-action:hover{background:#fff5db}.tiny-tip{display:flex;gap:8px;align-items:start;margin-top:16px;color:#8b7b70;font-size:11px;line-height:1.7}.tiny-tip svg{flex:0 0 auto;color:#55a99a}.ruler-wrap{margin:31px 0 19px;padding:17px 11px 10px;border-radius:17px;background:#f4faf8;border:1px solid #d9eeea}.ruler-track{position:relative;display:flex;direction:rtl;justify-content:space-between}.ruler-track:before,.ruler-track:after{content:"";position:absolute;top:8px;height:4px;border-radius:10px}.ruler-track:before{right:0;left:0;background:#d6e9e5}.ruler-track:after{right:0;width:var(--stage);background:#48ae9f}.stage{position:relative;z-index:1;width:23%;padding:0;border:0;color:#82a09a;background:transparent;font-size:11px;font-weight:700}.stage i{display:block;width:19px;height:19px;margin:0 auto 8px;border:4px solid #e9f4f2;border-radius:50%;background:#9ccfc6}.stage.active{color:#197e70}.stage.active i{background:#2d9b8c;box-shadow:0 0 0 4px #cbece6}.ruler-wrap input{width:100%;margin:12px 0 0;opacity:.01;height:4px}.stage-card{padding:17px;border-right:4px solid #4da898;background:#f4faf8;border-radius:0 13px 13px 0}.stage-card>span{color:#4b8f85;font:800 10px Manrope,sans-serif}.stage-card h3{margin:4px 0;color:#255d55;font-size:21px}.stage-card p{margin:0;color:#57716d;font-size:12px;line-height:1.7}.stage-card div{display:flex;gap:8px;margin-top:13px;padding-top:12px;border-top:1px solid #d9eae7;font-size:11px}.stage-card div span{color:#75918c}.stage-card div strong{color:#366961}.mode-switch{display:flex;gap:5px;width:fit-content;margin:24px auto 17px;padding:4px;border-radius:999px;background:#eee9fb}.mode-switch button{border:0;padding:7px 13px;color:#7d70a1;border-radius:999px;background:transparent;font-size:11px;font-weight:700}.mode-switch button.active{color:#fff;background:#8065df;box-shadow:0 4px 11px #664cbe33}.timer-orbit{width:194px;height:194px;display:grid;place-items:center;margin:0 auto;border-radius:50%;background:conic-gradient(#8065df var(--progress),#e7e0f7 0)}.timer-orbit>div{width:170px;height:170px;display:grid;place-content:center;gap:3px;text-align:center;border-radius:50%;background:var(--white);box-shadow:inset 0 0 0 1px #eee9f8}.timer-orbit span{color:#84799c;font-size:10px;font-weight:700}.timer-orbit strong{direction:ltr;color:#45395f;font:700 39px/1 Manrope,sans-serif;letter-spacing:-.07em}.timer-orbit small{color:#9a8eaa;font-size:10px}.timer-actions{display:flex;justify-content:center;gap:9px;margin-top:18px}.play-button,.reset-button{display:flex;align-items:center;justify-content:center;gap:8px;border:0;color:#fff;background:#8065df;font-size:12px;font-weight:700}.play-button{min-width:139px;padding:11px 15px;border-radius:12px;box-shadow:0 8px 14px #664cbe33}.reset-button{width:42px;border:1px solid #ded5f3;color:#7a68ae;background:#f4f1fc;border-radius:12px}.timer-message{max-width:312px;margin:14px auto 0;color:#746c81;font-size:11px;line-height:1.8;text-align:center}.scenario-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:15px}.scenario-tabs button{padding:7px 10px;border:1px solid #efd7e3;color:#9c5b7e;border-radius:999px;background:#fff9fc;font-size:11px;font-weight:700}.scenario-tabs button.active{color:#fff;border-color:#cd4785;background:#cd4785}.bandage-card{padding:18px;border:1px solid #f1d7e5;border-radius:17px;background:#fff8fc}.bandage-label{color:#cd4785;font-size:10px;font-weight:800}.bandage-card h3{margin:5px 0 14px;color:#5e354b;font-size:18px}.bandage-card ol{display:grid;gap:8px;margin:0;padding:0;list-style:none;counter-reset:steps}.bandage-card li{display:flex;align-items:center;gap:10px;color:#735a68;font-size:12px;counter-increment:steps}.bandage-card li:before{content:counter(steps);width:20px;height:20px;display:grid;place-items:center;flex:0 0 auto;color:#fff;border-radius:50%;background:#e783b4;font:700 10px Manrope,sans-serif}.bandage-card li span{flex:1}.bandage-card li svg{color:#c95691}.safe-note{display:flex;align-items:start;gap:8px;margin-top:14px;padding:12px 0;color:#7d6270;font-size:11px;line-height:1.8}.safe-note svg{flex:0 0 auto;color:#d55b94}.footer{display:flex;direction:rtl;justify-content:space-between;padding:21px 0 27px;border-top:1px solid rgba(126,84,77,.16);color:#8e807d;font-size:10px;font-weight:600}@media(max-width:920px){.app-shell{padding:0 4vw}.topbar-status{padding-right:0}.hero{padding-top:53px}.workspace{grid-template-columns:1fr;max-width:680px}.detail-panel,.kit-case{min-height:0}.bag-column{order:1}.detail-panel{order:2}.care-pulse{width:210px}.tool-card{grid-template-columns:35px 45px minmax(0,1fr) 22px}}@media(max-width:620px){.app-shell{padding:0 16px}.topbar{height:73px}.brand-mark{width:35px;height:35px}.brand-copy strong{font-size:13px}.topbar-status{display:none}.hero{display:block;padding:43px 3px 40px}.hero h1{font-size:45px}.hero-description{font-size:15px;line-height:1.9}.hero-note{font-size:11px}.care-pulse{width:100%;margin-top:24px;transform:none}.workspace{gap:22px;padding-bottom:44px}.bag-column{padding-top:20px}.bag-handle{width:132px;height:43px;border-width:14px}.kit-case{padding:22px 16px 16px;border-radius:22px 22px 28px 28px}.case-heading h2{font-size:21px}.cross-emblem{width:40px;height:40px}.tool-list{gap:8px;padding-top:17px}.tool-card{padding:9px 9px 9px 7px;column-gap:7px}.tool-number{font-size:9px}.tool-text strong{font-size:12px}.tool-text small{font-size:9px}.case-footer{margin-top:13px}.detail-panel{padding:26px 19px;border-radius:22px}.view-heading h2{font-size:29px}.view-lead{font-size:13px}.quote-card p{font-size:16px}.timer-orbit{width:180px;height:180px}.timer-orbit>div{width:157px;height:157px}.footer{gap:10px;align-items:start;flex-direction:column;padding-top:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}