.homepage-redesign{--navy:#071a2a;--ink:#101c28;--muted:#5b6b7b;--line:#dce5ec;--paper:#f5f8fa;--cyan:#19c5e7;--cyan-dark:#057c98;--white:#fff;--shadow:0 22px 60px rgba(10,31,47,.12)}
.homepage-redesign *{box-sizing:border-box}.homepage-redesign{scroll-behavior:smooth}.homepage-redesign{margin:0;color:var(--ink);background:var(--white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}.homepage-redesign a{color:inherit;text-decoration:none}.homepage-redesign img{display:block;max-width:100%;height:auto}.homepage-redesign button{font:inherit}.homepage-redesign .icon-library{position:absolute;overflow:hidden}.homepage-redesign .wrap{width:min(1180px,calc(100% - 40px));margin-inline:auto}.homepage-redesign .preview-note{padding:8px 14px;color:#075e74;background:#e8fbff;border-bottom:1px solid #bcecf5;text-align:center;font-size:.78rem;font-weight:800}
.homepage-redesign .site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);border-bottom:1px solid #d7e3ea;box-shadow:0 8px 28px rgba(8,29,44,.055);backdrop-filter:blur(18px)}.homepage-redesign .nav-row{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px}.homepage-redesign .brand{display:flex;align-items:center;gap:11px;flex:0 0 auto}.homepage-redesign .brand img{width:44px;height:44px;padding:4px;border:1px solid #cfe0e9;border-radius:12px;background:#f4f8fa;object-fit:contain}.homepage-redesign .brand b,.homepage-redesign .brand small{display:block}.homepage-redesign .brand b{font-size:1.08rem;letter-spacing:-.02em}.homepage-redesign .brand small{margin-top:2px;color:var(--cyan-dark);font-size:.55rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.homepage-redesign .desktop-nav{display:flex;align-items:center;gap:19px;color:#344453;font-size:.82rem;font-weight:750}.homepage-redesign .desktop-nav a{position:relative;padding:28px 0}.homepage-redesign .desktop-nav a:after{content:"";position:absolute;right:0;bottom:20px;left:0;height:2px;border-radius:2px;background:var(--cyan-dark);transform:scaleX(0);transition:transform .18s ease}.homepage-redesign .desktop-nav a:hover,.homepage-redesign .quiet-link:hover{color:var(--cyan-dark)}.homepage-redesign .desktop-nav a:hover:after{transform:scaleX(1)}.homepage-redesign .account-nav{display:flex;align-items:center;gap:8px}.homepage-redesign .quiet-link{padding:10px 8px;color:#405161;font-size:.82rem;font-weight:750}.homepage-redesign .nav-cta{padding:11px 13px;border-radius:10px;color:var(--white);background:var(--navy);font-size:.8rem;font-weight:850}.homepage-redesign .menu-button{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:var(--white);cursor:pointer}.homepage-redesign .mobile-nav{display:none;padding-bottom:18px}.homepage-redesign .mobile-nav.open{display:grid}.homepage-redesign .mobile-nav a{padding:12px 2px;border-bottom:1px solid var(--line);font-weight:750}
.homepage-redesign .hero{position:relative;overflow:hidden;color:var(--white);background:var(--navy)}.homepage-redesign .hero:before{content:"";position:absolute;inset:0;opacity:.5;background-image:linear-gradient(rgba(64,205,236,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(64,205,236,.06) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,#000 65%,transparent)}.homepage-redesign .hero:after{content:"";position:absolute;width:580px;height:580px;right:-120px;top:-220px;border-radius:50%;background:rgba(15,173,205,.23);filter:blur(110px)}.homepage-redesign .hero-grid{position:relative;z-index:1;min-height:660px;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:54px;padding-block:72px 44px}.homepage-redesign .overline{margin:0 0 14px;color:#7ce9f7;font-size:.74rem;font-weight:900;letter-spacing:.17em;text-transform:uppercase}.homepage-redesign .overline.dark{color:var(--cyan-dark)}.homepage-redesign .hero h1{max-width:620px;margin:0;font-size:clamp(3.2rem,5.3vw,5rem);line-height:.97;letter-spacing:-.065em}.homepage-redesign .hero-lead{max-width:610px;margin:25px 0 30px;color:#c9d6df;font-size:1.1rem;line-height:1.7}.homepage-redesign .button-row{display:flex;flex-wrap:wrap;gap:11px}.homepage-redesign .button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 19px;border:1px solid transparent;border-radius:11px;font-size:.88rem;font-weight:850;transition:transform .2s ease,background .2s ease}.homepage-redesign .button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}.homepage-redesign .button:hover{transform:translateY(-2px)}.homepage-redesign .button.primary{color:#042332;background:var(--cyan);box-shadow:0 12px 30px rgba(25,197,231,.2)}.homepage-redesign .button.secondary{color:var(--white);border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.05)}.homepage-redesign .trial-note{display:flex;align-items:center;gap:9px;margin:18px 0 0;color:#96a9b8;font-size:.8rem}.homepage-redesign .trial-note span{width:8px;height:8px;border-radius:50%;background:#42d392;box-shadow:0 0 0 4px rgba(66,211,146,.12)}.homepage-redesign .hero-visual{position:relative;min-width:0}.homepage-redesign .hero-visual img{width:110%;max-width:none;height:auto;object-fit:contain;margin:-2% 0 -5% -5%;filter:drop-shadow(0 35px 44px rgba(0,0,0,.36))}.homepage-redesign .capability-row{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.1)}.homepage-redesign .capability-row>div{display:flex;align-items:center;gap:12px;padding:22px 20px}.homepage-redesign .capability-row>div:first-child{padding-left:0}.homepage-redesign .capability-row>div+div{border-left:1px solid rgba(255,255,255,.1)}.homepage-redesign .capability-row svg{width:25px;height:25px;flex:0 0 auto;color:var(--cyan);fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.homepage-redesign .capability-row b,.homepage-redesign .capability-row small{display:block}.homepage-redesign .capability-row b{font-size:.9rem}.homepage-redesign .capability-row small{margin-top:3px;color:#8ca0b0;font-size:.71rem}
.homepage-redesign .section{padding:102px 0}.homepage-redesign .centered-heading{max-width:850px;text-align:center}.homepage-redesign .centered-heading h2,.homepage-redesign .workflow h2,.homepage-redesign .result-copy h2,.homepage-redesign .ids-card h2,.homepage-redesign .pro-copy h2,.homepage-redesign .learn-section h2,.homepage-redesign .faq-section h2,.homepage-redesign .cta-card h2{margin:0;font-size:clamp(2.2rem,4vw,3.45rem);line-height:1.05;letter-spacing:-.05em}.homepage-redesign .centered-heading>p:last-child,.homepage-redesign .section-lead{margin:18px auto 0;color:var(--muted);font-size:1.02rem;line-height:1.7}.homepage-redesign .value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px}.homepage-redesign .value-grid article{padding:28px;border:1px solid var(--line);border-radius:17px;background:var(--white)}.homepage-redesign .value-grid article>span{color:var(--cyan-dark);font-size:.72rem;font-weight:900;letter-spacing:.12em}.homepage-redesign .value-grid h3{margin:18px 0 9px;font-size:1.24rem;letter-spacing:-.025em}.homepage-redesign .value-grid p{margin:0;color:var(--muted);line-height:1.65}
.homepage-redesign .workflow{background:var(--paper)}.homepage-redesign .workflow-grid{display:grid;grid-template-columns:.83fr 1.17fr;gap:65px;align-items:center}.homepage-redesign .workflow-copy .section-lead{margin-left:0}.homepage-redesign .step-list{display:grid;gap:10px;margin:28px 0 0;padding:0;list-style:none}.homepage-redesign .step-list li{display:grid;grid-template-columns:46px 1fr;align-items:center;gap:13px;padding:12px 14px;border:1px solid var(--line);border-radius:13px;background:var(--white)}.homepage-redesign .step-list li>span{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;color:var(--cyan-dark);background:#e3fafd}.homepage-redesign .step-list svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.homepage-redesign .step-list b,.homepage-redesign .step-list small{display:block}.homepage-redesign .step-list b{font-size:.92rem}.homepage-redesign .step-list small{margin-top:3px;color:var(--muted);font-size:.77rem}.homepage-redesign .screen-card{overflow:hidden;margin:0;border:1px solid var(--line);border-radius:22px;background:var(--white);box-shadow:var(--shadow)}.homepage-redesign .screen-card>img{width:100%;height:auto;object-fit:contain}.homepage-redesign .screen-card figcaption{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px}.homepage-redesign .screen-card figcaption b{min-width:0}.homepage-redesign .screen-card figcaption span{color:var(--muted);font-size:.79rem;line-height:1.45;text-align:right}
.homepage-redesign .result-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:66px;align-items:center}.homepage-redesign .result-visual{overflow:hidden;margin:0;padding:9px;border:1px solid var(--line);border-radius:22px;background:#edf3f6;box-shadow:var(--shadow)}.homepage-redesign .result-visual img{width:100%;height:auto;object-fit:contain;border-radius:14px}.homepage-redesign .result-copy>p:not(.overline){margin:20px 0 0;color:var(--muted);line-height:1.72}.homepage-redesign .check-list{display:grid;gap:11px;margin:24px 0 0;padding:0;list-style:none}.homepage-redesign .check-list li{display:flex;align-items:flex-start;gap:9px;color:#334453;font-size:.9rem;font-weight:720;line-height:1.5}.homepage-redesign .check-list svg{width:19px;height:19px;flex:0 0 auto;color:var(--cyan-dark);fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.homepage-redesign .ids-section{padding-top:0}.homepage-redesign .ids-card{display:grid;grid-template-columns:1fr .82fr;gap:52px;align-items:center;padding:45px;border-radius:24px;color:var(--white);background:linear-gradient(125deg,#082132,#0b3548);box-shadow:var(--shadow)}.homepage-redesign .ids-card h2{font-size:clamp(2rem,3.4vw,3rem)}.homepage-redesign .ids-card p:last-child{margin:18px 0 0;color:#c4d4de;line-height:1.68}.homepage-redesign .ids-route{display:flex;align-items:center;gap:10px;justify-content:center}.homepage-redesign .ids-route span{padding:12px 13px;border:1px solid rgba(255,255,255,.15);border-radius:10px;background:rgba(255,255,255,.07);font-size:.75rem;font-weight:850;white-space:nowrap}.homepage-redesign .ids-route svg{width:21px;height:21px;flex:0 0 auto;color:var(--cyan);fill:none;stroke:currentColor;stroke-width:1.8}
.homepage-redesign .pricing{background:var(--paper)}.homepage-redesign .price-grid{max-width:940px;display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:46px}.homepage-redesign .price-card{position:relative;padding:30px;border:1px solid var(--line);border-radius:20px;background:var(--white);box-shadow:0 14px 40px rgba(8,29,44,.06)}.homepage-redesign .price-card.featured{border:2px solid #6edff0}.homepage-redesign .price-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.homepage-redesign .price-head span{font-size:1.02rem;font-weight:900}.homepage-redesign .price-head b{padding:6px 9px;border-radius:999px;color:#087088;background:#e0f9fc;font-size:.65rem}.homepage-redesign .price-value{margin:26px 0 8px;font-size:2.4rem;font-weight:900;letter-spacing:-.05em}.homepage-redesign .price-value small{color:var(--muted);font-size:.76rem;font-weight:700;letter-spacing:0}.homepage-redesign .price-desc{min-height:48px;margin:0;color:var(--muted);line-height:1.55}.homepage-redesign .price-card .check-list{min-height:112px}.homepage-redesign .dark-button{width:100%;margin-top:24px;color:var(--white);background:var(--navy)}.homepage-redesign .shop-status{width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;margin-top:24px;border:1px dashed #a9bbc7;border-radius:11px;color:#617382;background:#f7f9fa;font-size:.86rem;font-weight:800}
.homepage-redesign .pro-section{color:var(--white);background:linear-gradient(130deg,#061522,#0c2a43 62%,#163764)}.homepage-redesign .pro-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:64px;align-items:center}.homepage-redesign .product-label{display:flex;align-items:center;gap:13px;margin-bottom:24px}.homepage-redesign .product-label img{width:52px;height:52px;padding:4px;border-radius:13px;background:var(--white);object-fit:contain}.homepage-redesign .product-label b,.homepage-redesign .product-label small{display:block}.homepage-redesign .product-label small{margin-bottom:4px;color:#9ab2c5;font-size:.68rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.homepage-redesign .product-label b{font-size:1.1rem}.homepage-redesign .pro-copy p{margin:21px 0 0;color:#c4d2dc;line-height:1.72}.homepage-redesign .tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.homepage-redesign .tag-row span{padding:8px 10px;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#dce8ef;background:rgba(255,255,255,.055);font-size:.72rem;font-weight:800}.homepage-redesign .pro-grid figure{overflow:hidden;margin:0;padding:9px;border:1px solid rgba(255,255,255,.18);border-radius:20px;background:rgba(255,255,255,.07);box-shadow:0 25px 60px rgba(0,0,0,.3)}.homepage-redesign .pro-grid figure img{width:100%;height:auto;object-fit:contain;border-radius:13px}
.homepage-redesign .learn-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:64px;align-items:start}.homepage-redesign .learn-section .section-lead{margin-left:0}.homepage-redesign .tab-buttons{display:inline-flex;gap:5px;margin-top:26px;padding:5px;border:1px solid var(--line);border-radius:11px;background:var(--paper)}.homepage-redesign .tab{padding:10px 13px;border:0;border-radius:8px;color:#536474;background:transparent;font-size:.8rem;font-weight:800;cursor:pointer}.homepage-redesign .tab.active{color:var(--white);background:var(--navy)}.homepage-redesign .tutorial-panel{display:none;gap:10px}.homepage-redesign .tutorial-panel.active{display:grid}.homepage-redesign .tutorial-panel>a{display:grid;grid-template-columns:46px 1fr 22px;align-items:center;gap:14px;padding:17px;border:1px solid var(--line);border-radius:14px;background:var(--white);transition:border-color .2s ease,transform .2s ease}.homepage-redesign .tutorial-panel>a:hover{border-color:#68d9eb;transform:translateX(3px)}.homepage-redesign .play{width:43px;height:43px;display:grid;place-items:center;border-radius:11px;color:var(--cyan-dark);background:#e4fafd}.homepage-redesign .play svg,.homepage-redesign .go{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.homepage-redesign .tutorial-panel small,.homepage-redesign .tutorial-panel b{display:block}.homepage-redesign .tutorial-panel small{margin-bottom:4px;color:var(--cyan-dark);font-size:.67rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.homepage-redesign .tutorial-panel b{font-size:.91rem}.homepage-redesign .go{color:#8ba0af}.homepage-redesign .empty-tutorial{padding:30px;border:1px dashed #aebdc8;border-radius:16px;color:var(--muted);background:var(--paper)}.homepage-redesign .empty-tutorial b,.homepage-redesign .empty-tutorial span{display:block}.homepage-redesign .empty-tutorial b{color:var(--ink)}.homepage-redesign .empty-tutorial span{margin-top:8px;line-height:1.6}
.homepage-redesign .faq-section{background:var(--paper)}.homepage-redesign .faq-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:64px}.homepage-redesign .faq-list{display:grid;gap:10px}.homepage-redesign details{padding:18px 20px;border:1px solid var(--line);border-radius:13px;background:var(--white)}.homepage-redesign summary{cursor:pointer;font-weight:820}.homepage-redesign details p{margin:12px 0 0;color:var(--muted);line-height:1.65}.homepage-redesign .final-cta{padding:32px 0 95px;background:var(--paper)}.homepage-redesign .cta-card{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:44px;border-radius:23px;color:var(--white);background:var(--navy);box-shadow:var(--shadow)}.homepage-redesign .cta-card h2{max-width:730px;font-size:clamp(2rem,3.4vw,3rem)}.homepage-redesign .cta-card .button-row{flex:0 0 auto}.homepage-redesign .footer{padding:54px 0 26px;color:#aebdc8;background:#06141f}.homepage-redesign .footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:50px}.homepage-redesign .footer-brand{align-self:start;color:var(--white)}.homepage-redesign .footer-grid>div{display:grid;align-content:start;gap:10px}.homepage-redesign .footer-grid>div b{margin-bottom:4px;color:var(--white);font-size:.82rem}.homepage-redesign .footer-grid>div a{font-size:.78rem}.homepage-redesign .footer-grid>div a:hover{color:var(--cyan)}.homepage-redesign .copyright{margin-top:42px;padding-top:20px;border-top:1px solid rgba(255,255,255,.09);color:#748896;font-size:.72rem}
@media(max-width:1120px){.homepage-redesign .quiet-link,.homepage-redesign .nav-cta{display:none}.homepage-redesign .nav-row{gap:16px}.homepage-redesign .desktop-nav{gap:14px;font-size:.76rem}}
@media(max-width:900px){.homepage-redesign .desktop-nav{display:none}.homepage-redesign .menu-button{display:grid;place-items:center}}
@media(max-width:860px){.homepage-redesign .hero-grid{grid-template-columns:1fr;min-height:auto;text-align:center}.homepage-redesign .hero-copy{max-width:760px;margin-inline:auto}.homepage-redesign .hero h1,.homepage-redesign .hero-lead{margin-inline:auto}.homepage-redesign .hero-copy .button-row,.homepage-redesign .trial-note{justify-content:center}.homepage-redesign .hero-visual{width:min(780px,100%);margin-inline:auto}.homepage-redesign .value-grid{grid-template-columns:1fr}.homepage-redesign .workflow-grid,.homepage-redesign .result-grid,.homepage-redesign .pro-grid,.homepage-redesign .learn-grid,.homepage-redesign .faq-grid{grid-template-columns:1fr}.homepage-redesign .workflow-copy,.homepage-redesign .result-copy,.homepage-redesign .pro-copy{max-width:760px}.homepage-redesign .result-copy{grid-row:1}.homepage-redesign .ids-card{grid-template-columns:1fr}.homepage-redesign .price-grid{grid-template-columns:1fr;max-width:560px}.homepage-redesign .price-card .check-list{min-height:0}.homepage-redesign .cta-card{align-items:flex-start;flex-direction:column}}
@media(max-width:720px){.homepage-redesign .wrap{width:min(100% - 28px,1180px)}.homepage-redesign .preview-note{font-size:.7rem}.homepage-redesign .hero-grid{padding-top:55px;gap:34px}.homepage-redesign .hero h1{font-size:clamp(2.7rem,13vw,4rem)}.homepage-redesign .hero-lead{font-size:1rem}.homepage-redesign .button{width:100%}.homepage-redesign .hero-visual img{width:100%;margin:0}.homepage-redesign .capability-row{grid-template-columns:1fr 1fr;padding:12px 0}.homepage-redesign .capability-row>div,.homepage-redesign .capability-row>div:first-child{padding:12px 10px}.homepage-redesign .capability-row>div+div{border-left:0}.homepage-redesign .section{padding:74px 0}.homepage-redesign .value-grid{margin-top:34px}.homepage-redesign .screen-card figcaption{align-items:flex-start;flex-direction:column}.homepage-redesign .screen-card figcaption span{text-align:left}.homepage-redesign .ids-card{padding:30px 22px}.homepage-redesign .ids-route{align-items:stretch;flex-direction:column}.homepage-redesign .ids-route svg{margin-left:18px;transform:rotate(90deg)}.homepage-redesign .price-card{padding:25px 22px}.homepage-redesign .price-head{align-items:flex-start;flex-direction:column}.homepage-redesign .tutorial-panel>a{grid-template-columns:42px 1fr}.homepage-redesign .tutorial-panel .go{display:none}.homepage-redesign .cta-card{padding:34px 23px}.homepage-redesign .cta-card .button-row{width:100%}.homepage-redesign .footer-grid{grid-template-columns:1fr 1fr}.homepage-redesign .footer-brand{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.homepage-redesign{scroll-behavior:auto}.homepage-redesign *,.homepage-redesign *:before,.homepage-redesign *:after{transition:none!important}}

.homepage-redesign .shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.homepage-redesign .overline{text-decoration:none}
.homepage-redesign h1,.homepage-redesign h2,.homepage-redesign h3{font-weight:800}
.homepage-redesign .tutorials{padding:90px 0;background:#fff}
.homepage-redesign .section-head{max-width:780px;margin-bottom:30px}
.homepage-redesign .eyebrow{color:#057c98;font-size:.74rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;margin-bottom:12px}
.homepage-redesign .section-title{font-size:clamp(2rem,4vw,3.2rem);line-height:1.12;letter-spacing:-.045em}
.homepage-redesign .section-copy{color:#5b6b7b;line-height:1.7;margin-top:16px}
.homepage-redesign .tutorial-product-switch{display:inline-flex;flex-wrap:wrap;gap:5px;padding:5px;border:1px solid #dce5ec;border-radius:12px;background:#f5f8fa;margin-bottom:26px}
.homepage-redesign .tutorial-product-switch button{border-radius:8px;padding:10px 16px;font-size:.85rem;font-weight:750;color:#405161}
.homepage-redesign .tutorial-product-switch button[aria-selected=true]{background:#071a2a;color:#fff}
.homepage-redesign .tutorial-product-panel[hidden]{display:none}
.homepage-redesign .tutorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.homepage-redesign .tutorial-card{border:1px solid #dce5ec;border-radius:17px;overflow:hidden;background:#fff}
.homepage-redesign .tutorial-link{display:block;height:100%}
.homepage-redesign .tutorial-card:hover{border-color:#057c98;box-shadow:0 12px 30px #071a2a12}
.homepage-redesign .tutorial-media-wrap{position:relative;aspect-ratio:16/9;background:#071a2a}
.homepage-redesign .tutorial-media{display:block;width:100%;height:100%;object-fit:contain}
.homepage-redesign .tutorial-play{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:22px;background:#071a2a26}
.homepage-redesign .tutorial-body{padding:22px}
.homepage-redesign .tutorial-meta{display:flex;flex-wrap:wrap;gap:7px;font-size:.72rem;color:#057c98;font-weight:750;margin-bottom:10px}
.homepage-redesign .tutorial-body h3{font-size:1.1rem;line-height:1.45;overflow-wrap:anywhere}
.homepage-redesign .tutorial-body p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:#5b6b7b;font-size:.86rem;line-height:1.6;margin:12px 0}
.homepage-redesign .tutorial-open{display:block;margin-top:18px;color:#057c98;font-size:.8rem;font-weight:800}
.homepage-redesign .tutorial-empty{padding:36px;border:1px dashed #aebdc8;border-radius:16px;color:#5b6b7b;background:#f5f8fa}
.homepage-redesign .comparison{padding:30px 0 55px}
.homepage-redesign .comparison-table-wrap{overflow-x:auto;border:1px solid #dce5ec;border-radius:16px;margin-top:32px}
.homepage-redesign .comparison-table{width:100%;border-collapse:collapse;text-align:left;min-width:540px}
.homepage-redesign .comparison-table th,.homepage-redesign .comparison-table td{padding:22px;line-height:1.6;border-bottom:1px solid #dce5ec}
.homepage-redesign .comparison-table thead{background:#071a2a;color:#fff}
.homepage-redesign .comparison-table tbody tr:nth-child(even){background:#f5f8fa}
.homepage-redesign .compact-comparison{background:#fff}
.homepage-redesign .compact-comparison h2{font-size:2rem;margin-bottom:12px}
.homepage-redesign .compact-comparison p{color:#5b6b7b}
.homepage-redesign .compact-comparison .dark-button{width:auto;margin-right:20px}
.homepage-redesign .text-link{display:inline-block;color:#057c98;text-decoration:underline;margin-top:18px}
.homepage-redesign .hero-grid>*,.homepage-redesign .workflow-grid>*,.homepage-redesign .result-grid>*,.homepage-redesign .pro-grid>*{min-width:0}
.homepage-redesign .hero-copy{width:100%}
.homepage-redesign .pro-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px}
.homepage-redesign .pro-copy h2{font-size:clamp(2rem,3vw,2.8rem);hyphens:auto;overflow-wrap:anywhere}
@media(max-width:1100px){.homepage-redesign .pro-grid{grid-template-columns:minmax(0,1fr)}.homepage-redesign .pro-copy{max-width:none}}
.homepage-redesign.nt-page{margin-inline:auto;background:transparent}
.homepage-redesign a.nt-button{color:#fff}
.homepage-redesign a.nt-button:hover,.homepage-redesign a.nt-button:focus-visible{color:#fff;background:#0c354a}
@media(max-width:720px){.homepage-redesign .hero h1{font-size:clamp(2rem,10.8vw,4rem)}.homepage-redesign .hero-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:1000px){.homepage-redesign .tutorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.homepage-redesign .tutorial-grid{grid-template-columns:1fr}.homepage-redesign .shell{width:calc(100% - 28px)}.homepage-redesign .tutorials{padding:60px 0}}
.homepage-redesign .free-phase-highlight{display:flex;align-items:center;gap:16px;width:fit-content;max-width:100%;margin:0 0 24px;padding:14px 20px;background:#bdf4ff;color:#082c3b;border:1px solid #72e2f5;border-radius:12px}
.homepage-redesign .free-phase-highlight>strong{flex-shrink:0;font-size:2.25rem;font-weight:850;line-height:1.1;white-space:nowrap}
.homepage-redesign .free-phase-highlight>span{display:grid;gap:3px;min-width:0}
.homepage-redesign .free-phase-highlight b{font-size:1.05rem;line-height:1.3}
.homepage-redesign .free-phase-highlight span span{font-size:.875rem;line-height:1.4}
.homepage-redesign .free-phase-explanation{margin:16px 0 0;max-width:540px;color:#d1f5fc;font-size:1rem;font-weight:600;line-height:1.6}
@media(max-width:480px){.homepage-redesign .free-phase-highlight{gap:12px;padding:12px 14px}.homepage-redesign .free-phase-highlight>strong{font-size:1.9rem}}
.homepage-redesign .hero-visual .free-phase-highlight{position:relative;z-index:1;margin:0 auto 26px;text-align:left}
.homepage-redesign .planning-demo{padding:56px 0 64px;background:#eef4f7}
.homepage-redesign .planning-demo h2{margin:0 auto 28px;text-align:center;font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.2;letter-spacing:-.035em;color:#101c28}
.homepage-redesign .planning-demo-player{position:relative;max-width:1040px;margin:auto;overflow:hidden;border:1px solid #dce5ec;border-radius:16px;background:#071a2a;box-shadow:0 18px 48px #071a2a18}
.homepage-redesign .planning-demo-player video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.homepage-redesign .planning-demo-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:84px;height:84px;padding:0;border:2px solid #fff;border-radius:50%;color:#fff;background:#057c98;box-shadow:0 8px 28px #0005;cursor:pointer}
.homepage-redesign .planning-demo-play svg{width:34px;height:34px;fill:currentColor}
.homepage-redesign .planning-demo-play:hover{background:#075770}
.homepage-redesign .planning-demo-play:focus-visible{outline:4px solid #28ceeb;outline-offset:5px}
.homepage-redesign .planning-demo-play[hidden],.homepage-redesign .planning-demo-error[hidden]{display:none}
.homepage-redesign .planning-demo-error{max-width:1040px;margin:16px auto 0;color:#842b2b;line-height:1.5}
.homepage-redesign .planning-demo-error a{text-decoration:underline}
@media(max-width:600px){.homepage-redesign .planning-demo{padding:38px 0 44px}.homepage-redesign .planning-demo-play{width:64px;height:64px}.homepage-redesign .planning-demo-play svg{width:28px;height:28px}}