:root{color-scheme:light;--ink:#10272e;--muted:#586c74;--accent:#087e70;--mint:#55dfc5;--line:rgba(16,39,46,.12);--paper:#f4f8f8;--navy:#0b2029;--shadow:0 20px 60px rgba(18,58,65,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 92% 1%,#dcefe9,transparent 40rem),var(--paper);color:var(--ink);font:16px/1.65 -apple-system,BlinkMacSystemFont,"SF Pro Text",Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:4px}img{display:block;max-width:100%;height:auto}button{font:inherit}p,figure{margin:0}p+p{margin-top:13px}h1,h2,h3{margin:0;line-height:1.12;letter-spacing:-.04em}[hidden]{display:none!important}.wrap{width:min(1120px,calc(100% - 40px));margin:auto}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}section[id],details[id]{scroll-margin-top:92px}
.site-header{position:sticky;top:0;z-index:20;background:rgba(244,248,248,.93);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand img{width:190px;height:auto}.nav-links{display:flex;align-items:center;gap:25px}.nav a{font-size:.92rem;font-weight:650;text-decoration:none;color:var(--muted)}.language{padding:6px 11px;border:1px solid var(--line);border-radius:999px}.skip{position:absolute;top:-100px;left:20px;padding:10px 16px;background:#fff;z-index:30}.skip:focus{top:12px}
.hero{padding:38px 0 32px}.hero-surface{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center;gap:34px;padding:clamp(28px,4.2vw,52px);border-radius:30px;background:radial-gradient(ellipse at 100% 0%,#164c4e,transparent 72%),var(--navy);color:#effffb;box-shadow:var(--shadow);overflow:hidden}.hero-app{display:flex;align-items:center;gap:14px;margin-bottom:27px}.app-icon{width:56px;height:56px;border-radius:13px}.app-name{font-size:1.48rem;line-height:1.2;font-weight:750;letter-spacing:-.035em}.app-subtitle{font-size:.87rem;line-height:1.4;margin-top:3px;color:#b7d0d0}h1{font-size:clamp(2.7rem,5.2vw,4.35rem);line-height:1.02;letter-spacing:-.055em;font-weight:750}.accent{display:block;color:var(--mint);margin-top:.1em}.lead{font-size:1.05rem;color:#c0d5d8;margin-top:24px;max-width:640px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 20px;border-radius:999px;background:var(--accent);color:white;text-decoration:none;font-size:.91rem;font-weight:720}.hero .button{background:var(--mint);color:#0b272b}.button.secondary{border:1px solid var(--line);background:transparent;color:var(--ink)}.hero .button.secondary{border-color:#507576;color:#e1f6ef}.status{font-size:.8rem;color:#adcacb;margin-top:18px}.brand-art{min-width:0;position:relative;min-height:310px;display:flex;flex-direction:column;align-items:center;justify-content:center}.brand-art::before{content:"";position:absolute;width:260px;height:260px;max-width:90%;border:1px solid #39726f;border-radius:50%;box-shadow:0 0 0 24px rgba(85,223,197,.035),0 0 0 48px rgba(85,223,197,.025)}.brand-art img{position:relative;width:178px;height:178px;border-radius:38px;box-shadow:0 22px 48px #05151a80}.art-path{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin-top:26px}.art-path span{padding:5px 10px;border:1px solid #477270;border-radius:999px;background:#0b272d;color:#cae8e3;font-size:.76rem;font-weight:650}.art-caption{position:relative;text-align:center;margin-top:13px;font-size:.8rem;color:#adcacb}.benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;padding:21px 0 0}.benefit{border-bottom:1px solid var(--line);padding:0 8px 19px}.benefit strong{display:block;font-size:.92rem;letter-spacing:-.015em}.benefit p{font-size:.85rem;color:var(--muted);margin-top:5px}
.explorer{padding:36px 0 60px}.explorer-head{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:26px}.eyebrow{font-size:.76rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}.explorer-head h2{max-width:640px;font-size:clamp(2rem,4vw,3rem)}.explorer-head>p{max-width:270px;font-size:.93rem;color:var(--muted)}.area-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.area-heading{font-weight:400;min-width:0}.area-card{display:flex;flex-direction:column;width:100%;height:100%;min-height:195px;gap:10px;text-align:left;padding:23px;border:1px solid var(--line);border-radius:20px;background:#ffffffd9;color:var(--ink);cursor:pointer;transition:background .18s,border-color .18s}.area-card:hover{background:#fff;border-color:#519b90}.area-number{color:var(--accent);font-size:.75rem;letter-spacing:.07em;font-weight:800}.area-title{font-size:1.15rem;line-height:1.25;letter-spacing:-.025em;font-weight:730}.area-teaser{color:var(--muted);font-size:.87rem;line-height:1.5}.area-action{display:flex;align-items:center;justify-content:space-between;padding-top:5px;margin-top:auto;color:var(--accent);font-size:.78rem;font-weight:750}.area-action i{font-style:normal;font-size:1.2rem;line-height:1}.area-card.featured{background:var(--navy);color:#f1fffb;border-color:var(--navy)}.featured .area-teaser{color:#bcd2d4}.featured .area-number,.featured .area-action{color:var(--mint)}.area-card[aria-expanded=true]{background:#e2f1ec;border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);color:var(--ink)}.area-card[aria-expanded=true] .area-teaser{color:var(--muted)}.area-card[aria-expanded=true] .area-number,.area-card[aria-expanded=true] .area-action{color:var(--accent)}.area-card[aria-expanded=true] i{font-size:0}.area-card[aria-expanded=true] i:after{content:"−";font-size:1.2rem}
.feature-panel{margin-top:24px;border:1px solid var(--line);border-radius:26px;overflow:hidden;background:#fff;box-shadow:var(--shadow)}.panel-heading{padding:28px 32px;border-bottom:1px solid var(--line);background:#edf5f2}.panel-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.panel-top p{font-size:.77rem;font-weight:780;color:var(--accent);text-transform:uppercase;letter-spacing:.07em}.panel-close{padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:.82rem;font-weight:650;color:var(--ink);cursor:pointer}.panel-heading h2{font-size:clamp(1.9rem,3.6vw,2.7rem)}.panel-intro{max-width:810px;color:var(--muted);font-size:1rem;margin-top:14px}.panel-body{padding:32px}.visual-row{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:38px;align-items:center}.visual-copy{display:grid;gap:25px;min-width:0}.visual-point h3{font-size:1.17rem;margin-bottom:10px}.visual-point p{color:var(--muted);font-size:.95rem}.visual-media{min-width:0;padding:27px;border-radius:22px;border:1px solid #193d45;background:radial-gradient(ellipse at 0% 0%,#19433f,transparent 85%),var(--navy);color:#dff7f2}.visual-row.reverse .visual-media{order:-1}.visual-media figure{width:100%}.diagram-label{font-size:.71rem;font-weight:780;text-transform:uppercase;letter-spacing:.1em;color:#7ee5d0;margin-bottom:22px}.visual-media figcaption{font-size:.76rem;color:#9cbfc2;margin-top:20px}.tree{display:grid;gap:9px}.tree span{display:block;border-left:2px solid #3f9c8a;padding:8px 12px;background:#16343b;border-radius:0 10px 10px 0;font-size:.88rem}.tree span:nth-child(2){margin-left:18px}.tree span:nth-child(3){margin-left:36px}.tree span:nth-child(4){margin-left:54px}.tree small{display:block;color:#99bdbd;font-size:.75rem;margin-top:2px}.flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.flow span{display:grid;place-items:center;min-height:88px;padding:10px 5px;border:1px solid #38605f;border-radius:13px;font-size:.8rem;font-weight:650;text-align:center}.flow b{font-size:1.4rem;font-weight:500;color:#80e9d5}.diagram-foot{font-size:.9rem;font-weight:650;margin-top:20px;color:#e1f7ed}.strip{display:flex;align-items:center;gap:8px}.slice{flex:1;height:105px;border:1px solid #2f746e;border-radius:10px;background:linear-gradient(145deg,#16303b,#235049);display:grid;place-items:center}.slice:before{content:"";width:42%;height:45%;border:1px solid #a9d3cb;border-radius:45%;box-shadow:inset 0 0 0 5px #2b625c}.slice:nth-child(2){border-color:#77dfca;box-shadow:0 0 0 2px #77dfca33;transform:translateY(-9px)}.playback{display:flex;align-items:center;gap:10px;font-size:.75rem;color:#91b6b7;margin-top:23px}.playback i{flex:1;height:3px;border-radius:3px;background:linear-gradient(to right,#79e5d0 48%,#355557 48%)}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:8px}.plane{position:relative;height:105px;border:1px solid #3a676b;border-radius:9px;overflow:hidden;background:repeating-radial-gradient(ellipse at center,#24504d 0px,#17363e 12px,#17363e 24px)}.plane:before,.plane:after{content:"";position:absolute;background:#72e3ca;opacity:.8}.plane:before{left:50%;top:12%;width:1px;height:76%;transform:rotate(20deg)}.plane:after{left:10%;top:47%;width:80%;height:1px;transform:rotate(-15deg);background:#e8c584}.plane:nth-child(2):before{transform:rotate(-20deg)}.plane:nth-child(3):after{transform:rotate(15deg)}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tool-grid span{display:flex;align-items:center;gap:10px;min-height:65px;padding:12px;border:1px solid #315858;border-radius:12px;font-size:.82rem}.tool-grid b{font-size:1.5rem;line-height:1;font-weight:400;color:#8ce6d3}.export-types{display:flex;flex-wrap:wrap;gap:9px}.export-types span{padding:13px 16px;border:1px solid #3e7771;border-radius:10px;color:#e6f9f4;font-size:.84rem;font-weight:700}.export-types span:last-child{width:100%;background:#1b4644}.compact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:28px}.compact{padding:22px;border:1px solid var(--line);border-radius:18px;background:#f6f9f8}.compact h3{font-size:1.07rem;margin-bottom:9px}.compact p{color:var(--muted);font-size:.89rem}.panel-note{padding:16px 20px;margin-top:24px;border-left:3px solid #66ac9b;background:#eef6f2;font-size:.85rem;color:var(--muted)}.panel-bottom{margin-top:24px}
.store-shot,.visual-media .store-shot{width:min(180px,100%);max-width:100%;margin:auto}.store-shot.tablet,.visual-media .store-shot.tablet{width:min(260px,100%)}.store-shot.landscape,.visual-media .store-shot.landscape{width:min(440px,100%)}.store-shot>a{display:block;border-radius:12px;box-shadow:0 12px 32px #00161940}.store-shot img{display:block;width:100%;max-width:100%;height:auto;border-radius:12px}.store-shot figcaption{margin-top:15px;text-align:center;font-size:.76rem;line-height:1.55}.store-shot figcaption a{display:block;margin-top:5px;color:#91e8d4;font-weight:650}.hero-surface .store-shot{width:min(180px,100%)}.hero-surface .store-shot.landscape{width:min(400px,100%)}.hero-surface .store-shot figcaption{color:#b7d0d0}.screenshot-source{font-size:.8rem;color:var(--muted);margin-top:22px}
.supporting{padding-bottom:60px}.utility{border-top:1px solid var(--line)}.utility>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:23px 0;list-style:none;cursor:pointer;font-size:1.22rem;font-weight:700;letter-spacing:-.025em}.utility>summary::-webkit-details-marker{display:none}.utility>summary:after{content:"+";font-size:1.5rem;font-weight:450}.utility[open]>summary:after{content:"−"}.utility-body{padding:0 0 28px;max-width:850px;color:var(--muted)}.edition-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.edition{padding:23px;border:1px solid var(--line);border-radius:18px;background:#fff}.edition h3{font-size:1.12rem;color:var(--ink);margin-bottom:12px}.edition p{font-size:.93rem}.purpose{border:1px solid var(--line);border-radius:18px;padding:20px 24px;background:#eaf2f2;color:var(--muted);font-size:.87rem;margin-top:28px}.purpose strong{color:var(--ink)}.site-footer{padding:30px 0 40px;border-top:1px solid var(--line);color:var(--muted)}.footer-inner{display:flex;justify-content:space-between;gap:20px;font-size:.87rem}.footer-links{display:flex;gap:22px}.footer-links a{text-decoration:none}
@media(max-width:900px){.hero-surface{grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr);gap:20px}.brand-art img{width:145px;height:145px;border-radius:30px}.brand-art::before{width:210px;height:210px}.area-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-row{gap:25px}.visual-media{padding:22px}.panel-heading,.panel-body{padding:26px}}
@media(max-width:700px){.wrap{width:calc(100% - 28px)}.nav{min-height:66px;gap:12px}.brand img{width:140px}.nav-links{gap:14px}.nav-links a:first-child,.nav-links a[href="#funzioni"]{display:none}.hero{padding-top:24px}.hero-surface{grid-template-columns:1fr;gap:28px;padding:28px;border-radius:24px}.hero h1{font-size:clamp(2.7rem,9vw,3.7rem)}.hero .lead{font-size:1rem}.brand-art{min-height:245px}.brand-art img{width:136px;height:136px}.brand-art::before{width:190px;height:190px}.art-path{margin-top:21px}.benefits{gap:10px}.benefit{padding:0 3px 16px}.benefit strong{font-size:.83rem}.benefit p{font-size:.78rem}.explorer{padding-top:25px}.explorer-head{display:block}.explorer-head>p{max-width:100%;margin-top:16px}.area-card{min-height:188px;padding:20px}.panel-heading,.panel-body{padding:22px}.visual-row{grid-template-columns:1fr;gap:24px}.visual-row.reverse .visual-media{order:0}.visual-media{padding:24px}.compact-grid{gap:12px}.compact{padding:20px}.store-shot,.hero-surface .store-shot{width:150px}.store-shot img{max-height:330px}.footer-inner{flex-direction:column}}
@media(max-width:700px){.store-shot,.visual-media .store-shot,.hero-surface .store-shot{width:min(144px,100%)}.store-shot.tablet,.visual-media .store-shot.tablet{width:min(224px,100%)}.store-shot.landscape,.visual-media .store-shot.landscape{width:min(400px,100%)}.store-shot img{max-height:none}}
@media(max-width:460px){.hero-surface{padding:25px 22px}.area-grid,.compact-grid,.edition-grid{grid-template-columns:1fr}.area-card{min-height:165px}.benefits{grid-template-columns:1fr;gap:0}.benefit{padding:13px 4px;display:flex;align-items:baseline;gap:10px}.benefit strong{min-width:117px}.benefit p{margin:0}.panel-heading,.panel-body{padding:20px}.panel-top p{font-size:.7rem}.panel-close{padding:7px 11px;white-space:nowrap}.panel-heading h2{font-size:1.8rem}.visual-media{padding:20px}.flow span{font-size:.73rem}.tool-grid span{padding:9px;font-size:.75rem}.tree span:nth-child(4){margin-left:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}